Webstorm支持微信小程序開發配置

場景

前端開發習慣使用 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 ,其他設置是一樣的)
webstorm setting
Webstorm Setting
Webstorm Setting
Webstorm Setting
Webstorm Setting
Webstorm Setting

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