- 安裝node.js
- 安裝less
npm install less -g - 安裝css壓縮插件less-plugin-clean-css(此步驟非必選)
npm install less-plugin-clean-css -g
wind10需注意:安裝過程如出現errno:-4048錯誤,以管理員身份打開命令行重新執行即可。
記下上圖中紅線標示的路徑,下面要用。
- 配置phpstorm(版本:2019.2)
4-1.打開file watchers :File->Settings->Tools->File Watchers ,File Watchers窗口點擊一個‘+’選擇LESS,打開Less窗口,
按照下圖所示配置,只有紅框里的兩個選項要改,其它默認即可。
4-2.現在phpstorm里編輯less文件,就會自動生成相應的css文件了。