Configure Watcher in Webstorm to automatically generate. css files when editing less files

1. Installing Nodejs

View Nodejs version node- v

//View NPM version NPM- v

Global installation less NPM install-g less

2. Configure Webstrom

Add External Tools

Parameters is the default address, just point to insert.

(Progrem own installation position F:\NODE\node.exe)

(PARAMETERS:C:\USERS\ADMINISTRATOR\APPDATA\ROAMING\NPM)

Add Watcher

When you create a new less file, the. css is automatically generated, compiled in real time,

node. js compiles less files

The less file can be compiled directly with Nodejs, but cannot be compiled from time to time.

Such as:

LESSC required to compile the less name and path > generated CSS name and path

Configure Watcher in Webstorm to automatically generate. css files when editing less files