PS:設(shè)置前請確保電腦已經(jīng)安裝 webstorm忍啤、node、npm和less仙辟。
活不多說叠国,直接上圖
1、設(shè)置 > Tools > File Watchers > 右上角"新建"圖標(biāo) > 選擇 Less
微信小程序使用 less
2粟焊、除了Program以外冤狡,其他按照圖中來設(shè)置
1、Program:less的cmd文件地址(默認(rèn)是 C:\Users\你的用戶名\AppData\Roaming\npm\lessc.cmd)
2悲雳、Arguments: --no-color $FileName$
3挎峦、Output paths to refresh: $FileNameWithoutExtension$.wxss
4、展開 Advanced Options > 勾選 1晴楔、2纪岁、4 項
5短条、Output filters: $MESSAGE$\Q in \E$FILE_PATH$\Q on line \E$LINE$\Q, column \E$COLUMN$
微信小程序使用 less
3、點(diǎn) Ok > Apply > OK
大功告成
在項目內(nèi)新建 xxx.less 文件, 就會在當(dāng)前目錄生成 xxx.wxss 文件栅葡,并且自動把 xxx.less 的代碼編譯到 xxx.wxss
微信小程序使用 less
告辭