uniapp开发 使用vscode代替hbuilderx开发工具

前言：最近接手了一个uniapp项目，很久没有使用hbuilderx了，用着实在难受，并且还总报奇奇怪怪的错误，首次运行要下载很多插件，搜索文件也用不习惯，加上很多鼠标操作，实在是太影响开发效率，最后还有第二次从桌面打开都无法启动，直接报错app.reportinvalid.title，官方请求也无果，最后决定用回我的vscode。
hbuilderx切换项目，左上角导入新项目后，点开新项目文件，在运行即可。

我们都知道在hbuilderx中运行uniapp项目直接鼠标点击左上方运行，即可运行到微信开发者工具上，非常方便，加上我们的uniapp项目中的package.json中并没有配置启动命令，所以我们首先就把项目跑起来。
下载一个最重要的插件：

然后就开始一系列配置

进行扩展设置

点击创建launch.json，进行launch.json文件配置

然后就会在项目文件下自动生成一个launch.json文件

最后点击，这里还遇到了一个小插曲，报了一个error：Error: spawn C:\Users\Administrator\Desktop\HBuilderX\plugins\node\node ENOE
看到node 大概猜测自己的node版本是不是过高，因为直接在官方下载的最高版本的20.18.4，最后nvm切换了个低一点的版本，运行完成！！！

注意点：1.我这边是先打开hbuilderx运行到小程序模拟器，将项目跑起来，后续在vscode中更改代码，微信开发者工具已经同步引起视图变化（有一点点延迟）
2.后续我把hbuilderx关， 再更改已经不能引起视图变化了，所以我推测应该也是在hbuilderx的基础上在用vscode，不能单独使用vscode而不借助hbuilderx，那就开着两个编辑器吧哈哈哈，反正能用vscode写代码就行。
3.还有这个文件记得配置自己的小程序appid

最后再推荐一个 在vscode中开发uniapp的扩展工具吧
1.快速uni-app的引导页面

2.uni-helper插件：uni-app代码提示

3.uniapp小程序扩展

4.uni-app-snippets 基本能力代码片段

5.校验 uni-app 中的 androidPrivacy.json、pages.json 和 manifest.json 格式

uniapp发布小程序：uniapp发布流程