☰

LESS.app 类似的应用程序？

tag-icon • tag-icon software-recommendation css
LESS.app 类似的应用程序？

最近我发现了一个名为LESS.app。它基本上是一个应用程序，用于将 *.less 文件编译并压缩为 *.css 文件，并且实时执行。我想知道我是否可以在 Ubuntu 中存档相同内容以及如何进行。

答案1

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

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

无需安装 Ruby gem，安装 Node.js然后运行Less.js通过 Node 从命令行进行。您仍将拥有所有 -watch 功能，但您将使用 Less.js 来执行此操作，这意味着您的生活将更加美好。

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

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

答案2

笔记

阅读 Bryan 的回答。他知道自己在说什么。;-)

您可以安装较少的。

  1. 安装 ruby​​gems 和 less

    sudo apt-get install rubygems
sudo gem install less

  2. 官方文档评论：

    为了使 gem 正常工作，您应该将 gem 的路径写入 PATH 并添加到 ~/.bashrc 中：

     export PATH=/var/lib/gems/1.8/bin:$PATH

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

    lessc style.less

我认为没有像您链接的 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，并启动任意数量的进程。您可以通过执行 将它们带回前台fg，或者fg 3对于第三个进程，要获取所有作业及其编号的列表，请输入jobs。

答案3

据我所知，ruby less 还没有更新到足以处理连接运算符。

对于那些对使用 less.js 在非 mac 平台上编译 .less 的解决方案感兴趣的人，你可以看看本安装指南*. 虽然本教程是针对 Windows 用户，但我想如果你能获取 Node.js在您的系统上，脚本本身将发挥相同的功能。

*免责声明：本教程由我编写。我只是觉得大家可能想看看上面的海报中“使用 Node.js”的具体含义。我在网上找不到任何使用 Node.js 在文件保存时编译 LESS 的脚本，所以我自己编写了一个并想与大家分享。

答案4

您也可以在 Ubuntu 12.10 中安装命令行编译器：

sudo apt-get install node-less

相关内容