減少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;