2

一、初次接触先去看一下uniapp官网介绍鸿蒙App专题

image.png

二、查看运行和发行下载相关软件

本人用的HBuilderX4.28-alpha 版本,至于为什么用它,是因为有的版本安装真机测试后不会出现鸿蒙运行,也许是第一次接触使用HBuilderX不了解
DevEco-Studio 版本用的5.0.3.900
HBuilderX历史版本
DevEco-Studio自己注册华为账号
image.png

三、DevEco-Studio配置

设置中文,本人英文不好
image.png
找到插件搜素Chinses,然后安装启用
image.png
image.png
登录华为账号(以便使用鸿蒙相关服务)
image.png
image.png

四、下载 uni-app 鸿蒙离线SDK template-1.3.4.tgz

template-1.3.4.tgz
解压刚下载的压缩包,将解压后的模板工程在 DevEco-Studio 中打开

五、鸿蒙模拟器配置

点击设备管理器
image.png
点击右下角新建,下载第一个...
image.png
下载完选择下载模拟器,点击下一个,配置模拟器的环境
image.png

六、windows模拟器配置,以及启动模拟器

image.png
如果Hyper-V无法全部开启提示无法安装hyper-v该固件中的虚拟化支持被禁用
进入BIOS,找到Virtualization Technology 把disable改成enable,然后在配置hyper-v
开启后点击启动模拟器
image.png
启动成功
image.png

七、配置HBuilderX

配置吊起路径
image.png
在HBuilderX中新建一个空白的uni-app项目,并选择Vue3作为开发框架
配置鸿蒙离线SDK
image.png

八、运行

点击运行到鸿蒙
image.png
出现这个的话,先去DevEco-Studio启动模拟器,点击刷新即可
image.png
报错签名解决,1.自己去申请2.删除配置
如图中删除/注释,整个对象,然后再次运行
"name": "ohos.permission.WRITE_IMAGEVIDEO"
"name": "ohos.permission.WRITE_CONTACTS"
"name": "ohos.permission.READ_PASTEBOARD"
image.png


me_zhazha
296 声望6 粉丝

« 上一篇
es6数值的扩展