使用vscode提高小程序开发效率

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

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

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

image.png

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

minapp

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

image.png

wechat-snippet

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

image.png

wxml

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

image.png

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

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • api提示不全,要一个个查api啊,写代码超级慢啊很多必备的快捷键都没有,比如全选关键字、快速复制一行等等颜色主题...
    yudian123阅读 4,459评论 0 0
  • 是的,今天你批评人了吗?今天你抱怨了吗?今天你责备人了吗? 在我们日常生活中,有很多爱批评的人,比如嘀咕埋怨的父母...
    19画生阅读 2,555评论 0 1
  • 下午妈妈打电话给女儿:告诉她老师发信息给妈妈说女儿明天要参加夹花生比赛,要求穿园服。妈妈同时提醒她,吃完晚饭后在家...
    银小娟阅读 1,384评论 0 0
  • 阿米尔: 拥有“皇宫”一样的房子 拥有正式名分和继承资产的权利 拥有读书的权利,继而拥有写作的能力 拥有普什图人的...
    那花评书阅读 2,849评论 4 10
  • 18年实实在在的收获,20斤肉。17年觉得身体素质比较差,18年开始增加运动量,饭量悄悄长大,年底一上秤,比去...
    Eva朱阅读 1,865评论 0 0