更改 Cloud9 中的 LESS 构建路径 IDE

Question

在 Cloud9 IDE 中，我可以创建一个名为 styles.less 的文件并在其中编写一些 LESS 样式。然后，我可以 Ctrl+B 将其构建到 CSS 文件中。 Cloud9 通过在同一目录中创建一个名为 styles.css 的文件来做到这一点。

但是，我想要做的是将 less/ 中的 LESS 文件编译成 css/ 中的 CSS 文件。所以，当我做 Ctrl+B

时，less/styles.less 会编译成 css/styles.css

GUI 中没有任何内容，但是是否有我可以编辑的设置文件来更改编译发生的方式？我用谷歌搜索了这个，但在 Ubuntu 中似乎有几种安装、设置和使用 LESS 的方法，当我按 Ctrl+B 时，我不知道在幕后使用了这些方法中的哪一种] 在 Cloud9 中。

编辑： 我还希望能够添加 -x 选项来缩小输出，但是，同样，我不知道该把它放在哪里。我喜欢只做 Ctrl+B 的便利，不想每次都输入完整的 lessc 命令。

Answer 1

您可以在默认构建器的基础上创建一个新的 LESS 构建器来满足您的需要。查看讨论客户 runners/builders 的 Cloud9 文档 here。默认 LESS 构建器的代码是：

{
    "caption" : "LESS",
    "cmd": ["lessc", "$file", ">", "${file/\.less/\.css/}"],
    "selector": "source.less"
}

Changing the LESS build path in Cloud9 IDE