idea configured to automatically compile less

Reference: IDEA configured to automatically compile less

1. Computer installation node.jsenvironment;

directly under the window on the official website to download the installation file to download node.msi
after installation at the command line execute the following command indicates that the installation was successful

npm -v
node -v

2. Global Installationless

npm install -g less

3. Configurationidea

3.1 installation nodejsplug

Open idea→ settings→ pluginsinstallation: nodejsplug, configured according to the following steps:

After installation, reboot idea

3.2 Adding lessComponents

1. Open idea→ settings→ Languages & Frameworks→ Node.js and NPM;
2. Click on the right side of the panel that opens +plus button to add the required lesscomponents (if not add here, use the command npm globally installed).

3.3 Installation file watchersPlug

Open idea→ settings→ pluginsinstallation: file watchersplug set according to the following steps:

After installation reboot idea

3.4 Configurationfile watchers

1. Open idea→ settings→ tools→ file watchers;

2. In the opening panel, click on the right plus button to add less configuration, looks like the plug will automatically configure the

After the above steps successfully, edit the file can be automatically compiled into less css file.