Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 388
Mojave Storm Avatar asked Jun 06 '10 22:06

Mojave Storm


People also ask

How do you make a CSS file LESS?

Step 1: Go to your project folder, create a subfolder named CSS and then create a file named styles. less inside it.

How do I download LESS CSS?

The client-side compiler less. js can be downloaded from http://lesscss.org/. You can use less. js in the browser, which is a great tool to get you started with Less, although it should only be used for development.

How do I edit LESS CSS?

Most likely you need to compile you're Less Files into CSS. You can do this manually, or with a task runner like Gulp. If you already have compiled the file, it could be that the compiled css file is cached in the browser and the browser cache needs to be cleared.


1 Answers

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

like image 103
Timur Avatar answered Sep 25 '22 19:09

Timur