较少的编译器不会写入我的css文件，虽然它说成功

Question

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

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

我的文件较少：main.less
我的css文件：main.css
*两个文件都在同一目录中：root / css /

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

我在这里有截图：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;
}