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


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

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

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

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

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

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

  百度盤下載地址:http://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如下就配置好了

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM