How to configure LESS in PhpShtorm?

Question

phpstorm

PhpShtorm when trying to compile from a LESS CSS file gives an error message:

The selected LESS file does not have any CSS output directories mapped to it and cannot be compiled.
You can add CSS output directories under Settings > Project Settings > LESS Compiler.

In PhpShtorm 9 there is no Project Settings item in File > Settings at all. The operating system under which this action is carried out is Windows 8.1. Someone faced a similar problem?
1) After installing the plugin (via File > Settings > Plugins > Browse Repositories), opening the less file, we see a request to add a watcher

2) Setting up the File Watcher

3) Attempt to compile

4) Error

5) Here is the plugin that is used - LESS CSS Compiler

Answer 1

Compiling LESS to CSS on the fly in phpStorm under Windows
1. Install Node.js
2. Install the LESS compiler by opening the Node.js console after installation and enter the command npm install -g less
3. Then open phpStorm, and open the *.less file, then click on Add watcher
4. Specify the path to the less compiler
5. optionally remove error output.
That's all.

Answer 2

I personally don't use PHPStorm to compile less so as not to depend on the IDE.
If you have a php project, look into lessphp .

Answer 3

Maybe you also have this setting here