如何在HBuilder中开发vue3的项目

        最近，在用vue3写小程序的项目时，遇到了各种问题，其中有涉及到项目的创建方式，vue2到vue3切换时的报错，以及是如何解决的 接下来我就详细的概述一下。

（核心）

          平时我们在HBuilder中的manifest.json配置中进行vue版本的选择时，当切换到vue3时，在重启项目，可能会有这样的报错。如下图

想研究这个报错的同学可参考此文档 【报Bug】HBuilderX mac M1编译 vite/vue3 cli项目时编译不了(hbx运行编译） - DCloud问答

我这边也是在HBuilderX可视化界面创建项目，然后自动生成的项目，在manifest.json中切换vue版本，也是经过了多次的尝试和查找资料，最终采用下面这种cli创建项目方式来创建。

（1）打开电脑的终端，输入 npx degit dcloudio/uni-preset-vue#vite my-vue3-project 来创建工程化项目，成功后（会有一行小蓝字表示成功了）cd到你的项目，然后输入npm install来下包（我之前用的cnpm，有丢包的现象，所以我宁肯慢点也选择npm）

 （2）在过程中可能会遇到的报错

        1. 如果报的是XXX模块没有找到 

                我的解决： 删除node_modules包，重新下载。

        2.如果报的的是没有找到manifest.json文件

                我的解决：如下图

        

ps：了解一下两种创建方式的区别