Webstorm 10 auto-compile less (Windows environment)

0. Install NodeJS + Less

Login NodeJS official website, download the corresponding version of the installation.
Win key + R open CMD window, enter

Npm-v

The ability to echo the version number proves the installation was successful.
Input NPM and enter into NPM mode to perform

NPM Install Less-g

Install less, it's easy to go to the wall, hang a ladder when stuck.

1. Set the Windows folder options to let the system display hidden files.

2. Add File Watcher

Open Webstorm, expand menu file–> setting–> tools–> File watchers
Click the plus sign to add a new file watcher (or create a. Less file directly in the Project directory and automatically prompt for the file watcher when opened with Webstorm).
Set 2, Webstorm can automatically compile the less file after the addition is complete.

Figure 1. Add File Watcher

Figure 2. Parameter settings

Program :  C:\Users\yourname\AppData\Roaming\npm\lessc.cmdArguments:  –no-color $FileName $working directory:  $FileDir $output paths to refresh:  $FileNameWithoutExtension $.css

Webstorm 10 auto-compile less (Windows environment)