less 编译器不会写入我的 css 文件，尽管它显示成功

Question

我正在使用 {less} 编译器 (http://incident57.com/less/) 和 Coda 1.7.2（第一次尝试这个！）

{less} 给了我一条成功消息，但我的 .css 文件仍然是空白！

我的less文件：main.less
我的CSS文件：main.css
*两个文件位于同一目录中：root/css/

我已将 {less} 设置为保存时自动编译，并且还尝试了手动编译（全部编译按钮）。

我这里有一个屏幕截图：http://d.pr/i/AEKa

我正在尝试在 .less 文件中使用很少的内容来测试它，只是为了让它完全正常工作：

// Colors
@black: #000;
@grayLighter: #eee;

body {
    background-color: @black;
    background-color: @grayLighter;
}

但我什么也没得到，我的 .css 文件仍然是空白......

对此有什么想法吗？

Answer 1

此代码不会在 CSS 中产生任何内容，因为 CSS 不支持变量。您必须在某个地方使用它们才能看到结果。

尝试在文件末尾添加类似的内容并查看编译后的 CSS：

body {
    background-color: @black;
    background-color: @grayLighter;
}