webstorm下scss文件 編譯成微信小程序wxss文件

確保本地全局安裝過scss,未安裝執行下面命令安裝

 npm install scss -g 

1. webstorm設置-scss編譯成wxss

(1).
這裏寫圖片描述

(2).
Arguments輸入:

--no-cache --update $FileName$:$FileNameWithoutExtension$.wxss

Output paths to refresh輸入:

$FileNameWithoutExtension$.wxss

(3).點擊Apply,然後點ok

注意:
1.Arguments和Output paths to refresh要保證輸入正確,否則編譯不出來,或者編譯成css
2.sass和scss一樣設置,只要把scss改成sass即可

2. webstorm設置-wxss高亮

這裏寫圖片描述
點擊Apply,然後點ok

3. 測試,新建一個scss文件,是否能編譯成wxss

(1).新建文件
這裏寫圖片描述
(2).輸入測試內容
這裏寫圖片描述
這裏寫圖片描述

OK了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章