减少PHPStorm中的Filewatcher编译器

Question

当我试图编译.less文件到.css与PHPStorm文件观察器？

下面是截图，（请打开THIS LINK看到图像的全尺寸）：

我安装npm install -g less，得到安装NodeJS后。它使用cmd.exe时工作正常编译lessc - 在Windows操作系统的命令行工具使用下面的命令：

lessc custom.less custom.css，但它在Filewatcher不会做内PHPStorm什么。

任何线索我应该改正，请问？

Answer 1

对于那些谁想要配置他们的IDE PHPStorm内LESS自动编译器，你可以做那样：

1. 下载并安装Node.js
2. 打开终端/壳牌/命令行，cmd.exe为Windows环境
3. 里面命令行终端，类型npm install -g less并等待LESS下载和安装。
4. 在PHPStorm打开设置窗口：文件>设置（CTRL + ALT + S）
5. 导航到文件看守（或搜索内部设置窗口）
6. 上右击+如图所示画面的设置对话框来创建一个新的文件看守，并配置它的一面：
   
   这是你的文件夹结构应该是什么样子像上一画面设置：
   
7. 保存并测试，每次在.less文件中输入内容时，它都会自动编译为您在File Watcher的设置对话框中定义的.css。
   要解开无源文件，请创建一个template.less（如图所示），并在创建任何样式之前将源文件下载到那里。

/*! 
* Your commented code which wouldn't be removed in compiled .css because of "!" mark 
*/ 
/* 
    * This comment will be removed in compiled .css file because of no "!" after "/*" 
    */ 

// Core source files of Twitter's Bootstrap 
@import "bootstrap/bootstrap"; 
@import "bootstrap/responsive"; 

// Core source file of Font Awesome Icons 
@import "font-awesome/font-awesome"; 

// Connected plugins 
@import "plugins/datepicker"; 
@import "plugins/redactor"; 

/*! 
* General template styles below 
*/ 

/* -------------------------------------------------------------- */ 
/**** PRECONFIG, OVERRIDES, VARIABLES, TYPOGRAPHY ****/ 
/* -------------------------------------------------------------- */ 
// VARIABLES.LESS Override 
//--------------------------------------------------------------- 
// Colors 
@whiteSmoke:   #f5f5f5; 

// Typo 
@sansFontFamily:  "Helvetica Neue", Helvetica, Arial, sans-serif; 
@serifFontFamily:  Georgia, "Times New Roman", Times, serif; 
@monoFontFamily:  Monaco, Menlo, Consolas, "Courier New", monospace;