为了账号安全,请及时绑定邮箱和手机立即绑定

配置webstorm开发微信小程序

标签:
Html/CSS

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

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

https://img1.sycdn.imooc.com//5d2d82c40001d4c407130212.jpg

不支持文件类型

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

https://img1.sycdn.imooc.com//5d2d82c70001520e07130436.jpg

wxml

https://img1.sycdn.imooc.com//5d2d82cd0001adc707280435.jpg

wxss

语法高亮效果

https://img1.sycdn.imooc.com//5d2d82ea0001f67f07130276.jpg

语法高亮

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

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

https://img1.sycdn.imooc.com//5d2d82f00001e57906270551.jpg

导入配置

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

https://img1.sycdn.imooc.com//5d2d82f50001ff8906620311.jpg

代码提示

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



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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消