新建Vue3版本的uniapp项目
注意,先将HbuilderX升级至最新版本,这样才支持鸿蒙系统的调试与运行;
按照如下图片点击,快速升级皆可。
通过HbuilderX创建
- 官方文档指导链接
- 点击HbuilderX中左上角
文件
->新建
->项目
- 创建vue3版本的uni-app项目
通过vue-cli命令行创建
- 官方文档指导链接
- 我自己使用的就是vue-cli创建的,不是使用命令行,我是直接从gitee上下载JavaScript版本的Vue3/Vite版。
运行至鸿蒙系统
安装DevEco Studio鸿蒙开发软件
- 下载入口
- uniapp官方鸿蒙指导链接
- 安装与初始化配置等,均可参考以上两个链接。
使用最新版本的HbuilderX打开新建的项目
- 运行至鸿蒙
- 可以参考上面uniapp官方的指导资料,我就讲一些他没有讲的地方。
- 安装
@dcloudio/uni-uts-v1
依赖;
npm install -D @dcloudio/uni-uts-v1
bundleName
需要与自己签名保持一致
requestPermissions
需要与签名时保持一致
- 之后按照我说的,与官方说的,就可以跑起来项目了
问题
- 跑一个简单的模板项目,样式都会出现问题,估计适配鸿蒙任重而道远。