手把手教你vue3-js-uniapp-vite创建多端小程序-1

Vue3/Vite版要求 node 版本^14.18.0 || >=16.0.0
1.创建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  

如果一直拉取不下来，应该是网络问题，可以直接访问 gitee https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite.zip 下载模版使用即可
2.进入目录

cd my-vue3-project

3.安装依赖

npm i

4.运行

# 运行到 h5   
npm run dev:h5  
# 运行到 app   
npm run dev:app  
# 运行到 微信小程序  
npm run dev:mp-weixin

运行微信小程序如果报错，请注意node-v 查看node版本。node版本要高于16
目前支持vue3 uniapp比较好的前端框架是uni-ui(官网)和uview-plus。这里使用的是uview-plus。

5。打开微信开发者工具，导入项目