First, we need to ensure that the computer installed Node.js , Download: https://nodejs.org/en/
When installing Node.js will automatically install npm
Then, install module lessc
Open cmd console
Enter the following command line npm install less modules: -g is a global installed, if not installed in the current directory.
npm install less -g
Installation less-plugin-clean-css plug (less plug for compressed code)
npm install less-plugin-clean-css -g
PHPStorm Click File> Settings> Tools> File Watcher add less automatic translation parameters
PhpStrom will automatically recognize lessc.cmd file, if you can not identify, the manual directory to find npm lessc.cmd file can, I am here --clean-css parameters will automatically add the code compression, you can not add, it will not automatically compress code.
So in the project file when editing less, and always will be automatically generated css files
Results are as follows:
