继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

配置webstorm开发微信小程序

Qyouu
关注TA
已关注
手记 311
粉丝 87
获赞 413

微信开发者工具虽然能编辑代码,可以实时预览,如果只用于临时调试代码是足够的,要是作为小程序的开发工具就很显得很弱鸡了,尤其是与功能强悍的webstorm对比,小程序自带的编辑器简直就是玩具。

默认情况下,webstorm是不支持wxml和wxss的文件类型,不会有语法高亮

https://img3.mukewang.com/5d2d82c40001d4c407130212.jpg

不支持文件类型

由于这两者的语法高亮与html, css是相对应的, 我们可以手动添加对这两种文件类型的语法支持

https://img1.mukewang.com/5d2d82c70001520e07130436.jpg

wxml

https://img.mukewang.com/5d2d82cd0001adc707280435.jpg

wxss

语法高亮效果

https://img2.mukewang.com/5d2d82ea0001f67f07130276.jpg

语法高亮

除了高亮,还需要代码提示, 所幸已经有前辈整理了小程序的代码片段,只需要导入其安装包即可使用

WebStorm下配置微信小程序代码提醒jar

https://img4.mukewang.com/5d2d82f00001e57906270551.jpg

导入配置

重启webstorm, 即可看到代码提示效果

https://img2.mukewang.com/5d2d82f50001ff8906620311.jpg

代码提示

不仅限于webstorm, jetbrains全家桶均可适用



作者:章鱼喵_
链接:https://www.jianshu.com/p/e2b45d96301e


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP