Webstorm Add less development plugin

Original http://a317222029201405212739.iteye.com/blog/2174140

Quoted Http://www.tuicool.com/articles/aeye6rY

Less everyone knows what, now the more popular compiler is koala Nodejs to solve. Koala not much to say that easy to use is also simple to change the project after the configuration of the line, today I will say with Nodejs how to compile, I said the following is for webstorm cooperation.

1, download the Nodejs, and install the environment variable under configuration.

Installation Success Results

2, install less

Enter in cmd

NPM Install Less-g

Less installation results, remember that path, which will be useful later.

3, configure less in Webstorm.

Open webstorm--file--settings--tools--file watchers, dot that green + button

I'll explain what's above.

Program: Select the directory where the Node.exe is located

Arguments: Select the path where the Lessc file is located under the previously recorded directory, plus $filename$,

Working directory: No change

Output ...: Refers to the stored path of the compiled CSS, followed by an insert. The button, you explore it, this place is to set the compiled CSS file to store the path and what name and suffix. I will not say more, we have to play on their own to know.

Thank you

Webstorm Add less development plugin