如何用vscode开发小程序

大家写小程序的时候肯定是受够了微信开发者工具了，说实话确实很不方便，如代码编写区域太小，代码堆叠，代码提示少等，所以果断换vscode，那么如何在Vscode中更快更高效开发小程序呢？

主要介绍一下几个vscode插件，在vscode中搜索插件关键字点击安装即可。

1.首先在小程序开发工具中把项目搭建好，如下图所示：

2.然后进行插件安装，介绍下面几款插件：

vscode weapp api，这是小程序的语法结构api

vscode wxml  主要是针对wxml文件的

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

vscode-wechat

Easy WXLESS，是针对wxss文件的

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

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

有了上面这几款插件，便可以开始高效地撸代码了。但利用vscode开发小程序只是起到了编辑的效果，真正的调试等还需要在小程序开发工具中进行至于代码的调试以及效果的查看