vscode开发小程序

2013-12-16
0 浏览
0 评论
闻道君

使用vscode提高小程序开发效率
不知道大家开发小程序是用什么工具,如果是微信自带的开发者工具,相信我,看了这篇文章,你会重新做出选择的。

之前一段时间,我也一直使用微信开发者工具进行小程序的开发与调试,但是用过的就会有这种体会:

代码编写区域太小,代码堆叠在一起,难以阅读
自定义能力较弱,只能修改代码字体
编辑器代码提示较少
工具经常出现莫名的bug,时不时黑屏

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-f258c3544f7bd328addff64167159a33.png">

因此,为了解决这些个问题,果断更换开发工具,这里推荐大家使用号称“宇宙第一IDE”的编辑器——vscode。安装方法不作赘述,主要介绍一下几个vscode插件,在vscode中搜索插件关键字点击安装即可。

minapp

支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-255eabdde6465612c9743b201703cbbb.png">

wechat-snippet

这个插件主要的功能就是代码辅助,代码片段自动完成,可以作为上个插件的补充。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-fa9f65b7a058abedeb95e39ab3b33ecf.png">

wxml

这款插件用于将wxml代码进行高亮显示,并且提供代码格式化的功能,可将代码格式化为较易阅读的样式。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-ed94f8632cfda311b3ab16a8375a7720.png">

有了上面这几款插件,便可以开始高效地撸代码了。至于代码的调试以及效果的查看,当然还是得打开微信开发者工具。将编辑器隐藏,调试工具调到最大,快速找到元素的位置,修改样式,Ctrl+S,提交代码,一顿操作猛如虎。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-17baedd7666b4fd72df662772702c427.png">

****更多行业产品开发方案,请关注 加速度****

<以上资讯仅供参考,如需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询获取产品开发方案和报价>

小程序开发 小程序商城 微信小程序
微信客服二维码

加客服微信获取更多内容