如何在没有 npm 和 node.js 的情况下使用 Sublime 将 LESS 编译为 CSS？答案

【问题标题】：How to compile LESS to CSS with Sublime without npm and node.js?如何在没有 npm 和 node.js 的情况下使用 Sublime 将 LESS 编译为 CSS？
【发布时间】：2017-02-28 15:51:59
【问题描述】：

我们的团队开始使用 LESS 来编写 CSS。我正在使用 atom.io，并且有一个插件可以在保存时将 LESS 自动编译为 CSS。 (Link to plugin) 但是，有些团队成员更喜欢使用 sublime。虽然也有similar plugin for sublime，但它需要 npm 进行安装。我们的团队主要使用 PHP 和 Composer 进行包管理，所以只为插件安装 npm 似乎有点矫枉过正。有没有其他方法可以在使用 sublime 保存时进行 LESS 自动编译？

【问题讨论】：

如果您不在乎，我建议您在 Windows 上使用 WinLess 应用程序，我知道这与 Sublime 无关，但它可能对您有所帮助。它会在您的 Less 文件保存时自动编译它们——在它运行时（如果您没有禁用它的自动编译选项）并且非常易于使用。 winless.org你可以在Mac中使用SimpleLESS：wearekiss.com/simpless

标签： css less sublimetext auto-compile

【解决方案1】：

我不知道... :( 有一个python 库将less 编译为css。（sublime 插件是用 python 编写的）虽然

所以，你所要做的就是：使用lesspy编写这个插件

如果你有点耐心，我正在尝试制作这个插件，应该不难，我会和你保持联系。

马特

编辑：这是插件：st-py-less。按照（简单）说明进行安装。仅适用于 Sublime Text 3。

【讨论】：

期待你的插件。
谢谢（和赞成），太糟糕了，我们也有使用 Sublime Text 2 的会员......

【解决方案2】：

他们可能会使用SublimeOnSaveBuild

但是 npm 和 Composer 在这里并没有真正可比性。 Composer 管理项目的依赖项，npm 提供对数十万个社区维护的包的轻松访问。使用 Composer 不是不安装 npm 的理由。

当你“安装 npm”时你安装的包小于 14MB。它还包含在 Node.js 中。 sublime-less2css 的“安装要求”，通过将“安装节点”和“安装 npm”列为两个单独的步骤是误导性的，并且提供的链接没有那么有用。这是Installing Node.js and updating npm的官方文档

这超出了您的问题范围，但是要拥有一个与团队范围内的编辑器无关的设置来自动将 LESS 编译为 CSS，您可以使用 Gulp。如果您不熟悉 Gulp，请按照 CSS-Tricks 的 Gulp for Beginners 从一开始到“观察 Sass 文件以进行更改”步骤。（请注意，该指南教您如何使用 gulp-sass 将 Sass 编译为 CSS；在您的情况下，您只需使用 gulp-less 代替。）

【讨论】：

感谢您的回答，SublimeOnSaveBuild 很有趣，但它不仅仅是安装 node.js 的存储空间。实际上我们尝试安装 node.js 但不知何故安装出错，我们已经有了一个用于 LESS 的 php 编译器。唯一的问题是您需要运行命令而不是在保存时自动编译。所以，确切地说，我们觉得解决一个只做一个简单功能的工具的错误是多余的。
很公平。让我们知道 SublimeOnSaveBuild 是否适合您 - 它应该可以在 Sublime Text 中自动编译 LESS