341 汽車大全

關於webStrom-11.1配置less且自動生成.css和自動壓縮為.min.css/.min.js

網上看過很多配置思路，自己總結了以下，

就把我個人配置的順序以及材料分享下，webstrom以下簡稱WB

1、配置less需要安裝nodejs,自行安裝。因為要用到npm.我是直接把npm解壓到C盤根目錄的，先下載解壓好待用

　　npm解壓包百度雲下載地址:https://pan.baidu.com/s/1bpdnmGZ

　　（yuicompressor-2.4.2.jar 這個是WB配置讓CSS或者JS自動生成.mincss/.minjs的壓縮工具，不是配置LESS的工具哦，

　　　　使用很簡單不用解壓，比我直接放在C盤根目錄

　　百度盤下載地址：https://pan.baidu.com/s/1hsrqiB6 ）

2、打開WB-設置(settings)-Tools-file watcher如下圖（我配置好了，所以中間有三個對號，沒配置是空白）

3、點擊右上角的 + 號你會看到如下圖

4、選擇點擊LESS，彈出如下圖，再點擊綠色小圈這就是上述1中npm的解壓路徑，如果你解壓再這裏，跟下麵一樣就可以了

5、點擊OK 如果如下圖就配置好了

6、下麵說下怎麼配置自動壓縮工具，這裏才會用到1中提到的yuicompressor-2.4.2.jar，自己下載保存好

　　A同上打開WB 找到那個 + 號

　　B選擇YUI Compressor CSS，自動壓縮CSS，JS類似就是它下麵那個

　　C點擊後如下圖，點擊綠色小圈，我把yuicompressor-2.4.2.jar放在C盤根目錄的，所以我的路徑如下

　　點擊KO如下就配置好了

最後更新：2017-11-05 12:05:04