Vue3你还没用过？等等，快来看看这篇文章，现在手把手带你搭建一个！
搭建方式一、vue官网推荐的脚手架
npm init vue@latest
1.项目名称（输入框）
2.是否启用Ts（是）
3.是否支持Jsx（否）
4.是否为单页应用程序开发添加Vue路由器（是）
5.是否添加Pinia状态管理（是）
6.是否添加单元测试Vitest（否）
7.是否添加设备测试和端到端测试Cypress（否）
8.是否添加Eslint检测代码质量（是）
9.是否添加Prettier代码格式化（是）
项目启动后的界面：
搭建方式二、vite官网推荐的脚手架
npm create vite@latest // 使用 NPM
yarn create vite // 使用 Yarn，这里我选择这个，看个人习惯
pnpm create vite // 使用 PNPM
1.项目名称（输入框）
2.选择一个框架（Vue）
3.选择类型（TypeScript）
项目启动后的界面：
搭建方式三、手动搭建项目，脱离脚手架
mkdir vue3-project （创建项目文件夹）
cd vue3-project （进入到项目目录）
npm init -y (项目初始化)
yarn add vue@latest （安装vue，项目在线上运行时需要的依赖 dependencies）
yarn add vite -D (安装vite，项目在开发中需要的依赖 devDependencies)
yarn add @vitejs/plugin-vue -D（安装@vitejs/plugin-vue，项目在开发中需要的依赖 devDependencies）
还需要修改一下 package.json 文件、src目录、index.html、vite.config.js 配置文件等。具体操作步骤如下图
项目启动后的界面：
总结：三种方式搭建vue3项目
1、github.com/vuejs/creat… （利用了这个模板）
2、github.com/vitejs/vite… （利用了这个模版）
3、手动搭建
