当前位置: 首页>>技术教程>>正文


LESS.app 类似的应用程序?

,

问题描述

最近我发现了一个名为 LESS.app 的 OS X 应用程序。它基本上是一个将 *.less 文件编译并压缩为 *.css 文件的应用程序,并在 real-time 中执行此操作。我想知道我是否可以在 Ubuntu 中存档相同内容以及如何进行操作。

最佳办法

我是 Bryan。Less.app 的开发者。

我强烈建议不要使用旧版 LESS(基于 Ruby 的版本)。Less.js 不仅仅是 LESS 的 JavaScript 端口,它还是 ground-up 的重写,改进了大量内容,增加了对旧版 Ruby 所不支持的功能的支持,并将编译器速度提高了约 84%。

无需安装 Ruby gems install Node.js 并通过 Node 从命令行运行 Less.js。您仍将拥有所有 -watch 功能,但您将使用 Less.js 来执行它,这意味着您的生活将更加美好。

或者,在您创建的网站中使用 Less.js 作为脚本。这适用于开发。完成编码后,只需复制 Less.js 生成的 CSS(从浏览器的检查器中)并将其放入文件中,添加 .css 扩展名,然后从 HTML 页面中删除 Less.js 脚本标记并替换您刚刚创建的 CSS 文件。

无论哪种方式,请使用 Less.js。

次佳办法

\\n

Note

\\n

Read Bryan’s answer. He knows what he’s talking about. 😉

\\n

您只需安装 less 即可。

  1. 安装 ruby​​gems 和 less

    \n

    sudo apt-get install rubygems\nsudo gem install less\n
  2. documentation官方评论:

    \n

    \n为了使 gem 正常工作,您应该将 gem 的路径写入 PATH 并添加到 ~/.bashrc:\n export PATH=/var/lib/gems/1.8/bin:$PATH\n \n

  3. 然后你可以使用 less 编译器

    \n

    lessc style.less\n

我认为没有像您链接的 GUI。但由于它似乎只是真正的 less 编译器之上的一个非常浅显的 GUI,我认为直接使用它不会有任何问题。输入

lessc --help

学习如何使用它。

如果你希望每次更改 .less 文件时都自动编译,则可以使用 -w 选项:

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

您可以通过按 Ctrl + Z 并输入 bg 将此进程置于后台,并启动任意数量的进程。您可以通过执行 fgfg 3 将它们带回前台,第三个进程也是如此,要获取所有作业及其编号的列表,请输入 jobs

参考资料

本文由Ubuntu问答整理, 博文地址: https://ubuntuqa.com/article/14553.html,未经允许,请勿转载。