HBuilderX 3.3.0+
更新uni-app编译器,支持基于 Vite 编译到小程序平台。
至此,
uni-app
在
App/H5/小程序
全平台支持
Vue 3.0
开发,且全平台支持
Vite
编译器,
下载 HBuilderX 3.3.0+ 体验
。
Tips:
除支持
vue3
语法特性外,
uni-app
特有的生命周期钩子支持
Composition API
,如
onLaunch
,
onShow
,
onLoad
... ,使用方法见
Vue2 迁移 Vue3 文档
HBuilderX创建支持 vue3 的 uni-app 项目
从 HBuilderX 3.3.0+ 起,支持创建 vue3 的 uni-app 项目,一套代码运行到多端:
创建一个 uni-app 项目
在项目的 manifest 的「基础配置」中切换 「vue 版本选择」,默认是 vue2,切换为 vue3 即可
cli 创建支持 vue3 的 uni-app 项目
创建 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
进入工程目录
cd my-vue3-project
npm i 或 yarn
# 运行到 h5
npm run dev:h5
# 运行到 app
npm run dev:app
# 运行到 微信小程序
npm run dev:mp-weixin
# 打包到 h5
npm run build:h5
# 打包到 app
npm run build:app
# 打包到 微信小程序
npm run build:mp-weixin
更新依赖版本
参考:
https://uniapp.dcloud.net.cn/quickstart-cli.html#cliversion
从 vue2 迁移到 vue3
请参看官方文档
从 vue2 迁移到 vue3