配置phpstorm支持less自動編譯css


  1. 安裝node.js
  2. 安裝less
    npm install less -g
  3. 安裝css壓縮插件less-plugin-clean-css(此步驟非必選)
    npm install less-plugin-clean-css -g

wind10需注意:安裝過程如出現errno:-4048錯誤,以管理員身份打開命令行重新執行即可。
記下上圖中紅線標示的路徑,下面要用。

  1. 配置phpstorm(版本:2019.2)
    4-1.打開file watchers :File->Settings->Tools->File Watchers ,File Watchers窗口點擊一個‘+’選擇LESS,打開Less窗口,
    按照下圖所示配置,只有紅框里的兩個選項要改,其它默認即可。

4-2.現在phpstorm里編輯less文件,就會自動生成相應的css文件了。


免責聲明!

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



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