參考: idea配置less自動編譯
npm -v
node -v
npm install -g lessnodejs外掛程式
開啟idea→settings→plugins安裝：nodejs外掛程式，並按以下步驟進行配置：
安裝完畢後重啟idea
3.2 新增less元件
開啟idea→settings→languages & frameworks→node.js and npm；
在開啟的面板中點選右側+加號按鈕新增需要的less元件（如果此處不能新增，請使用npm命令進行全域性安裝）。
3.3 安裝file watchers外掛程式
開啟idea→settings→plugins安裝：file watchers外掛程式，並按以下步驟進行設定：
安裝完後重啟idea
3.4 配置file watchers
開啟idea→settings→tools→file watchers；
在開啟的面板中點選右側加號按鈕新增less配置，貌似外掛程式自動就配置好了
以上步驟成功後，編輯less檔案即可自動編譯成css檔案。
webstorm 配置 less 自動編譯
查了一些都有點偏差，找到方法後記錄下 windows環境下 npm i less g 安裝後，會出現乙個安裝路徑 檢查是否安裝好 lessc vwebstorm中配置位置 file settings tools file watchers 增加乙個less型別的watcher 最簡單的配置就是只修改...
自動編譯less為css
1.安裝 命令 npm install gulp less 或者 cnpm install gulp less 2.編寫檔案 獲取gulp var gulp require gulp 獲取gulp less模組 var less require gulp less 編譯less 在命令列輸入gulp...
PHPStorm實現自動編譯less檔案
二 安裝，一直 next 三 檢查是否安裝成功 四 安裝lessc模組 cmd 開啟cmd控制台 cd f program files nodejs node modules npm 進入npm包管理模組 npm install less npm命令安裝less模組 五 安裝less plugin ...