怎么快速搭建vue3项目？

1、使用vue-cli创建

文档直达：cli.vuejs.org/zh/guide/cr…

## 安装或者升级
npm install -g @vue/cli
## 保证 vue cli 版本在 4.5.0 以上
vue --version
## 创建项目
vue create vue3-study

vue ui

运行成功！！具体操作可参考文档链接：cli.vuejs.org/guide/cli-s…

官方文档：v3.cn.vuejs.org/guide/insta…

vite官网：cn.vitejs.dev/

vite------ 是一个由原生 ESM 驱动的 Web 开发构建工具,vue团队开发。
优点：
- 开发环境中，无需打包操作，可快速的冷启动。
- 即时的热模块更新，替换性能和模块数量的解耦让更新飞起。
- 真正的按需编译，不用再等待整个应用编译完成。

接下来我们就开始创建项目了

npm init vite-app vue3-vite
cd vue3-vite
npm install
npm run dev

跟vue-cli相比，构件速度明显很快

创建好项目后，将其拖入vscode中，这里我使用的是vite创建的项目，这里我创建了个分支，在分支上进行项目测试，master上进行最后的合并。

在vite.config.ts中添加serve配置

server: {
  host: '0.0.0.0', //ip地址
  port: 8088, //端口号
  open: true, //启动后是否自动打开浏览器
}