前情提要：不习惯HBuilderx开发，想要在vscode上面开发然后在微信开发者工具上面看效果
搜了很多教程，一开始想用脚手架搭，但是不知道为什么通过
vue create -p dcloudio/uni-preset-vue uni_vue3命令显示网络错误？？难道需要爬墙？？经历好几番尝试，终于放弃了，老老实实去uni-app官网找到了模板下载仓库 · DCloud/uni-preset-vue - Gitee.com然后拉下来了。
用vscode打开这个项目之后，老规矩先那匹马一下(npm i) ，然后就是进行一些配置，插件方面就是下载一些uni常用微信开发者工具的，然后找到uniapp run这个插件，右击点击设置，填写HBuilderX安装地址与微信开发者工具安装地址，
此时要去下载HBuilderX HBuilderX-高效极客技巧，注意下载的时候，地址必须全英文，不能有中文，比如E:\privatespace\HBuilderX.5.04.2026031801\HBuilderX。然后在vscode终端运行
npm run dev:mp-weixin
会出来一个dist目录，然后在微信开发者工具中打开dist\build\mp-weixin，即可成功编译。
！！注意，如果你发现运行出来的dist目录下只有dve目录没有build目录，那就是运行的时候没有进正确的目录。比如说我的项目是在E:\privatespace\uni-preset-vue-vite\uni-preset-vue-vite下，但是我直接在E:\privatespace\uni-preset-vue-vite下去运行了，所以就不会有build目录，如果此时你去微信开发者工具编译，那么就会报错！！
[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2504010; lib: 3.14.3)
最终目录结构以及运行效果：
