场景

前端开发习惯使用 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 ，其他设置是一样的）