Windows上的LESS CSS

时间:2010-06-06 22:39:11

标签: css windows ruby less

尝试在我的Windows框中设置LESS for CSS,我已经安装了ruby和rubygems并完全遵循the instructions

我已将teststyle.less放入C:\ 当我输入

lessc teststyle.less

将其编译成.css文件,我收到错误:

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

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

9 个答案:

答案 0 :(得分:21)

如果你不想在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安装目录执行此操作)
  • Latter为node.js以及lessc.cmdnode_modules/.bin/目录下载较少的模块。将此目录添加到PATH
  • 现在,在新的命令行中,您可以像往常一样使用lessc

来源:http://pragmatictim.blogspot.fr/2012/08/developing-with-less-on-windows-getting.html

答案 1 :(得分:17)

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

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

哎呀......看到窗户和假设的网点,也许这不是你的环境。如果没有,请不要介意......

答案 2 :(得分:10)

编辑:

lessc现在可以在Windows上运行。有关安装和使用说明,请参阅Github page about commandline LESS toolsGithub page with a list of LESS GUI工具也可能很有趣。

原始答案:

less.js的lessc命令行工具不适用于Windows。如果您想要对LESS文件进行命令行编译,则应该查看this post

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

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

答案 3 :(得分:4)

仅供参考,我发现这个Windows命令行工具可以将LESS编译成CSS。它使用less.js进行编译。命令语法不是很优雅,但效果很好。

https://github.com/duncansmart/less.js-windows

答案 4 :(得分:3)

我刚开始使用Crunch来编译Bootstrap,而且非常棒。它基于Adobe Air构建,如果您还没有它,则必须安装它。

答案 5 :(得分:2)

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

答案 6 :(得分:1)

我有一个重新编译的DotlessCss版本,可以从标准输入接受更少的代码,并将css代码输出到标准输出。我已将其附在以下链接LESS CSS Compiler for Windows

答案 7 :(得分:1)

只有这个https://github.com/leafo/lessphp PHP编译器没有在LESS等中使用我的疯狂项目结构崩溃。

用于编译LESS到CSS的非常简单的shell命令:

plessc input.less > output.css

答案 8 :(得分:1)

您可以将Prepros App用于Windows。它可以通过实时浏览器刷新来编译less,sass,jade,stylus,markdown,coffeescript和haml。