环境准备

1. 需要有vue2的经验。
2. vue3官网地址：v3.cn.vuejs.org/guide/insta…
3. vue-cli 脚手架创建项目：cli.vuejs.org/zh/guide/cr…
4. vite 打包工具 cn.vitejs.dev/【也可以进行项目的创建】

创建项目

通过vite创建项目

$ yarn create vite <project-name> --template vue
$ cd <project-name>
$ yarn
$ yarn dev

我运行的时候老是报错，没能创建起来项目。
根据错误提示：全局安装 create-vite

create-vite <project-name> 
...
根据提示选择自己需要的工具
下载依赖
运行项目

总结

经过一系列的操作输出。最终运行起来就是这个样子的。
建议用vue-cli脚手架去创建应用，会更好，更快一些。