参考文档
DCloud开发者中心
环境要求
- Vue3
- jdk 17 Java Downloads | Oracle 中国 【鸿蒙开发工具内置jdk17,本地不使用17会报jdk版本不一致问题】

开发工具
- HBuilder
- DevEco Studio【目前只下载这一个就行】 下载中心 | 华为开发者联盟-HarmonyOS开发者官网,共建鸿蒙生态

DevEco Studio配置
创建一个空白项目
【主要为了生成签名】


创建鸿蒙模拟器







启动模拟器


生成签名




生成签名


签名拷贝到HBuilder
如果用Vue开发则将红框中的内容拷贝到Hbuilder中


HBuiler配置
新建vue3项目


运行到鸿蒙

DevEco的执行文件路径



签名信息同步
将DevEco 生成的签名更新到HBuilder项目中
配置完成再次运行到鸿蒙会出现如下页面【内容不一样,仅供演示使用】

