前言：uni-app在App/H5/小程序全平台支持Vue 3.0开发，且全平台支持Vite编译器。时至今日，vue3已经是潮流了，今后的新项目也都会使用vue3来开发

一.创建 Vue3/Vite 工程

# 创建以 javascript 开发的工程  
npx degit dcloudio/uni-preset-vue#vite my-vue3-project  

# 创建以 typescript 开发的工程  
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project  

由于网络或者域名拦截的引起的用cli创建vue.3.0+vite+ts的uni-app项目时的报错：

npx degit dcloudio/uni-preset-vue#vite my-vue3-project
//错误显示
! could not fetch remote https://github.com/dcloudio/uni-preset-vue
! could not find commit hash for vite

解决方案：
1.如果是创建vue3.0 + vite + javascript的uni-app项目，直接在浏览器打开 https://github.com/dcloudio/uni-preset-vue 切换到vite分支下载zip后缀的压缩文件，解压到本地就可以了。
2、如果是创建vue3.0 + vite + typescript的uni-app项目，直接在浏览器打开https://github.com/dcloudio/uni-preset-vue 切换到vite-ts分支下载zip后缀的压缩文件，解压到本地就可以了。

二.安装依赖

npm i 或 yarn install

三.安装sass

npm i node-sass@^4.0.0 sass-loader@^10.0.1 sass