windows css,LESS CSS on Windows

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

Trying to set up LESS for CSS on my Windows box, I've installed ruby and rubygems and followed the instructions exactly.

I have put teststyle.less in C:\.

When I type

lessc teststyle.less

to compile it into a .css file, I get an error:

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

Out of those familiar with LESS, do any of you have a solution to my problem?

Did I mess up the install?

回答1:

If you don't want to use GUI to compile LESS on Windows, there is a clean way to get lessc command on Windows command line. It only requires you to install node.js, which is required by original lessc anyway.

So, install node.js (http://nodejs.org/) and install "less" module for node.js. The latter provides lessc executable (lessc.cmd on Windows) as well, so you should only make sure it gets under your PATH in Windows.

If you don't have node.js yet, here are step-by-step instructions:

Install node.js (http://nodejs.org/)

In new command-line, go to node.js installation directory (where node.exe is located), and execute > npm install less (make sure you do so from node.js installation directory only)

Latter downloads less module for node.js, as well as lessc.cmd to node_modules/.bin/ directory. Add this directory to PATH

Now, in new command line you may enjoy the use of lessc as usual

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

回答2:

You should look at http://www.dotlesscss.org/, less ported to C# and specifically designed for .NET. You can use either a handler or compile.

Been using it for about six months, it's great.

Oops...saw windows and assumed dot net, perhaps that's not your environment. If not, never mind...

回答3:

Edit:

lessc does work on Windows now. See the Github page about commandline LESS tools for installation and usage instructions. The Github page with a list of LESS GUI tools might also be interesting.

Original answer:

The lessc command line tool for less.js doesn't work on Windows. If you want command line compiling of your LESS files you should check out this post.

Also be sure to check out WinLess. WinLess is a compiler (with GUI) for LESS. WinLess can watch your LESS files, and automatically compile them when they have changed.

If you are using Visual Studio for your projects you should also check out the BuildEventScript of winless.org.

Be sure to check which compiler is being used when you are using different programs to compile your LESS code. If you are using programs which use different compilers you should watch out for interoperability issues (LESS code working correctly with one compiler, but not with another).

回答4:

FYI, I found this Windows command line tool to compile LESS into CSS useful. It uses less.js to do the compilation. The command syntax is not very graceful, but it works well.

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

回答5:

I just started using Crunch to compile Bootstrap and its pretty awesome. Its built on Adobe Air, which you will have to install if you don't already have it.

回答6:

I think I found the problem. In my first installation I installed to C:\Program Files\Ruby

so I uninstalled and tried the default 'C:\Ruby' install path. Seems to fix the problem and it now works correctly. Thanks.

回答7:

I have a recompiled version of DotlessCss that can accept less code from standard input and output the css code to the standard output. I have attached it at the following link LESS CSS Compiler for Windows

回答8:

Only this https://github.com/leafo/lessphp PHP compiler didn't crashed with my crazy project structure with CSS imports in LESS, etc.

Very simple shell command for compiling LESS to CSS:

plessc input.less > output.css

回答9:

You can use Prepros App for windows. It can compile less, sass, jade, stylus, markdown, coffeescript and haml with live browser refresh.