Alex Rivera | Logout

LESS CSS on Windows

Asked 2010-06-06T22:39:10.893
33

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?

Edit
Report

2 Answers

22

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

answered 2012-08-28T12:44:57.007
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

answered 2011-12-01T23:12:40.340

Your Answer