前段时间使用了微信官方提供的开发者工具来做项目，发现特别的不好用，卡顿厉害、中英文切写注释换行相当不爽、还没办法多开窗口，习惯了使用 WebStorm 的样式和快捷键，突然使用微信开发者工具感觉工作效率大大的降低啊！

下边我介绍下 Mac 使用 WebStorm 来开发微信小程序的一些配置：

1、点击左上角的 WebStorm --> Preferences ，打开 WebStorm 的全局设置（快捷键 command + , ）

2、选择 File Types --> Cascading Style Sheet ，点击 + 来添加 *.wxss 

3、选择 File Types --> HTML ，点击 + 来添加 *.wxml 

4、网上有大神制作的代码提醒，点击链接下载 wecharCode.jar ，然后在 File --> Import Settings 中导入导入刚刚下载的 jar文件

5、配置已经完成后重启一下 WebStorm ，接下来你的代码就能出现微信小程序的代码提示了

6、你也可以在刚刚的全局设置 Preferences --> Live Templates 中找到 wechatCode ，查看一些具体的代码提示信息

博主只是一名前端的小白，只是把自己用到的知识分享一下，要是有什么不对的地方，欢迎大家提出~~