WebStorm 开发微信小程序配置

Admin
Admin
Admin
52
文章
6
评论
2018年7月27日17:32:51 评论 15,100 515字阅读1分43秒

前段时间使用了微信官方提供的开发者工具来做项目,发现特别的不好用,卡顿厉害、中英文切写注释换行相当不爽、还没办法多开窗口,习惯了使用 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 ,查看一些具体的代码提示信息

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