場景
前端開發習慣使用 Webstorm
,但默認無法識別 .wxml
.wxss
格式文件,
其實微信小程序的工程文件與 Vue
十分接近,可以通過直接添加相應擴展名即可實現。
.wxss
對應於Cascading Style Sheet
(即CSS
).wxml
對應於Vue.js Template
(即Vue
,需要注意這裏並非HTML
模板,原因是小程序的設計包含了雙花括號{{變量名}}
模板標籤等功能, 只有Vue
有比較全面的支持,而HTML
則只能識別HTML標籤,樣式和JavaScript代碼 ,區別還是比較大的)
這個方法也適用於其他非 Webstorm
IDE,只是設置方法略有不同,此處默認已經安裝了 Webstorm
等IDE,沒有安裝的話需要先安裝 。
方法
依次點開 File -> Setting -> Editor -> File Type
(如果需要所有項目都可用,需要選擇 Default Setting
,其他設置是一樣的)