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

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