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

发布时间 2023-09-03 14:40:59作者: 火龙果呀

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。这里使用的是uni-ui。

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