HBuilderX创建支持 vue3 的 uni-app 项目

2022-05-16

HBuilderX 3.3.0+ 支持创建 vue3 的 uni-app 项目，可通过切换 manifest 中的 vue 版本或使用 cli 命令创建，实现一套代码多端运行。

从 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