如何在VS Code中开发微信小程序？

如何在VS Code中开发微信小程序？

首先我们需要点击扩展，如下图所示的红框位置。

在这里可以搜索我们想要安装的插件，找到TouchUI，然后点击安装。

2、安装完成后，会显示重新加载。我们点击重新加载，这个插件就可以使用了。
如果一直重现重新加载按钮，或者提示不兼容、无法安装等，很可能因为你的vscode版本过低，请升级或重新安装到最新版。

3、除了TouchUI之外，还需要安装Vue相关的插件。比如Vetur E。Vetur E是我们基于vue语法插件Vetur进行了扩展，具有微信小程序API语法提示功能。

插件安装的方法，和之前安装TouchUI的方法一致。
因为TouchUI是基于Vue来做的。在我们的框架中，使用.ui为后缀，安装Vue相关的插件后，我们会自动将.ui文件以Vue语言识别。

4、以上两个，是使用TouchUI必须安装的插件，我们还可以根据自己的使用习惯来装一些其他的插件。详见文档的“实战 >> 工具”栏目。

5、由于连接的是微软服务器下载插件，国内网络有可能会出现无法正常下载的情况。如果长时间无法下载插件可以尝试使用手机热点连接wifi下载

6、如果安装过TUP插件，需要对它禁用或卸载。不要与TouchUI插件共同使用，否则会有冲突。

7、如果安装过vetur插件，需要对它禁用或卸载。不要与Vetur E插件共同使用，否则会有冲突。

VS Code中开发微信小程序详情链接：http://www.wetouch.net/touchui_doc/quickstart/begin/ide