webstorm9.3 installing the less compiled CSS tutorial

First step: Install node. js

webstrom9.3 Chinese Download: Http://pan.baidu.com/s/1ntGNNiL Password: 1FBH

node.js:https://nodejs.org/en/download/

The computer is 32 bit of the next 32, the landlord is 64-bit. As follows:

Install after download is complete, and then test for installation success!

"Start Menu"-"Run"--"cmd"

Input: node–v Note the middle space

In input: npm-v

The version number shows that node and NPM are successfully installed, and the next step is to install less in node, as follows:

At the command line, enter "NPM install less-g", carriage return;

Landlord has been installed, directly on the internet to find a picture, as follows:

Operation here means that we have installed less successfully!

Step two: Configure less in Webstorm

1. Open Webstorm, file--settings;

I use the Chinese package, Chinese is very good, such as the next, this tutorial is based on this version, I have used more than 10 of the version, the Chinese is very bad, the use of inconvenient, may be my English study bad it:

webstrom9.3 Chinese Download: Http://pan.baidu.com/s/1ntGNNiL Password: 1FBH

2. Open "Tools"-"File Watchers"-"+"-"Choose Less" below:

3. Configure less, as follows:

When you're done configuring, click "OK" to save, less we're all configured.

4. Test if less can be used normally

Create a new test.less file and write the less variable syntax, as follows:

Automatically to me we compile into test.css file, test.css compile content as follows:

Here less has been configured, enjoy the fun of the code!

There is no clear place please leave a message at the bottom of the article Oh ^_^

webstorm9.3 installing the less compiled CSS tutorial