Vue3的项目搭建一般有两种，一种是使用@vue/cli，一种是使用npm init搭建基于vite的项目框架，这里用的是@vue/cli，好处是要集成TS、VueRouter、Vuex、Sass这些组件非常方便，直接通过简单配置后vue-cli自动来集成，少了很多工作。
1.vue-cli安装
首先检查当前环境是否有安装vue-cli，检查方法是在命令行中运行vue --version来查看版本，如果有输出版本号则说明已安装vue-cli，但要注意的是输出的是4.x以上版本才可以用来安装Vue3项目。
若没有安装，则执行下列命令安装：
npm install @vue/cli -g 若版本较低，则有两种方法，一种是卸载旧版本再安装，另一种是直接进行版本升级。
// 卸载旧版本
npm uninstall vue-cli -g
// 升级版本
npm update -g @vue/cli 然后再使用vue --version验证版本。
2.接下来就可以开始进行项目搭建，在你要创建项目的文件夹路径下打开命令行窗口，一种方式是直反在文档夹路径栏输入“cmd”即可在该路径下打开windows命令窗口，如图所示。
另一种方式是在文件夹右键打开git bash（前提是有安装Git），我使用的第二种方式，接下来开始创建项目。
如果是在windows命令窗口运行：
// web_3d是指你要创建的项目名称
vue create web_3d 如果是在git bash中运行，这样后面才可以通过键盘来进行选择：
winpty vue.cmd create web_3d 选择“Manually select features"，来进行手动配置。
选择相应的组件，用上下键移动光标，用空格键切换是否选中，回车进入下一步。
选择3.x，因为我们是要搭建Vue3项目。
选择”Sass/SCSS“。
选择”ESLint+Standard config“。
选择”In dedicated config files“。
是否将当前配置保存，这个根据自己的情况，一般可以不保存，输N。
使用哪种包管理器，根据个人习惯，这里我选的npm。
完成项目搭建。
按照提示执行命令后即可在浏览器中查看到项目页面，项目搭建完成。
cd web_3d
npm run serve