Windows上的LESS CSS

Question

试图在我的Windows机器上为CSS设置LESS,我已经安装了ruby和rubygems并完全按照说明操作.

我投入teststyle.less了C:\.
当我输入

lessc teststyle.less

把它编译成.css文件,我收到一个错误:

The filename, directory name, or volume label syntax is incorrect.

在那些熟悉LESS的人中,你们中的任何一个人都能解决我的问题吗？
我搞砸了安装吗？

Answer 1

如果您不想在Windows上使用GUI来编译LESS,那么可以通过一种干净的方式在Windows命令行上获取lessc命令.它只需要你安装node.js,这是原来的lessc所要求的.

因此,安装node.js(http://nodejs.org/)并为node.js安装"less"模块.后者提供了lessc可执行文件(在Windows上为lessc.cmd),因此您应该只确保它在Windows中的PATH下.

如果您还没有node.js,请按以下步骤说明:

安装node.js(http://nodejs.org/)
在新的命令行中,转到node.js安装目录(node.exe所在的位置),并执行> npm install less(确保仅从node.js安装目录执行此操作)
后者少的下载模块的node.js,以及lessc.cmd对node_modules/.bin/目录.将此目录添加到PATH
现在,在新的命令行中,您可以lessc像往常一样享受使用

Answer 2

您应该查看http://www.dotlesscss.org/,减少移植到C#并专门为.NET设计.您可以使用处理程序或编译.

使用它大约六个月,这很棒.

糟糕...看到窗户和假设的网点,也许这不是你的环境.如果没有,没关系......

正因为如此,您才意识到ruby实现不再处于活跃开发阶段.它正在由node.js下运行的http://github.com/cloudhead/less.js取代.正如Rob指出的那样,dotless是在Windows上编译.less文件而不需要安装ruby的好方法. (5认同)

Answer 3

编辑:

lessc现在可以在Windows上运行.有关安装和使用说明,请参阅Github页面有关命令行LESS工具的信息.带有LESS GUI工具列表的Github页面也可能很有趣.

less.js的lessc命令行工具在Windows上不起作用.如果您想要编辑LESS文件的命令行,您应该查看这篇文章.

另外一定要看看WinLess.WinLess是LESS的编译器(带有GUI).WinLess可以观看您的LESS文件,并在更改后自动编译它们.如果您正在为项目使用Visual Studio,还应该查看winless.org的BuildEventScript.

当您使用不同的程序编译LESS代码时,请务必检查正在使用的编译器.如果您使用的程序使用不同的编译器,则应注意互操作性问题(LESS代码与一个编译器正常工作,但不能与另一个编译器协同工作).

FWIW,less.js在Windows上运行正常(现在).也许当你发布这篇文章时没有,但截至目前它的确有效.安装节点,运行`npm install less`并输入`lessc foo.less foo.css`.效果很好. (2认同)

Answer 4

我想我发现了问题。在我的第一次安装中，我安装到 C:\Program Files\Ruby，因此我卸载并尝试了默认的“C:\Ruby”安装路径。似乎解决了这个问题，现在可以正常工作了。谢谢。