本指南将帮助你快速搭建 KuiklyUI 在 HarmonyOS 平台的开发环境,并成功运行示例应用。
本文是在 mac 上做的编译运行,在开始之前,请确保你的开发环境已准备就绪:
DevEco Studio
JDK 17
Git
在终端中执行以下命令克隆 KuiklyUI 项目:
git clone git@gitcode.com:Tencent-TDS/KuiklyUI.gitcd KuiklyUI注意: 如果使用 HTTPS 方式克隆,命令为:
git clone https://gitcode.com/Tencent-TDS/KuiklyUI.git在 KuiklyUI 根目录执行鸿蒙跨端产物编译脚本:
./2.0_ohos_demo_build.sh预期输出:
构建成功后,你会看到类似以下的输出:
BUILD SUCCESSFUL in 9m 25s17 actionable tasks: 17 executedCopying artifact files:cp: ./ohosApp/entry/libs/arm64-v8a: No such file or directorylibshared.so: copied from /path/to/KuiklyUI/demo/build/bin/ohosArm64/sharedDebugShared/libshared.so to ohos demo directory: ./ohosApp/entry/libs/arm64-v8acp: ./ohosApp/entry/src/main/cpp/thirdparty/biz_entry: No such file or directorylibshared_api.h: copied from /path/to/KuiklyUI/demo/build/bin/ohosArm64/sharedDebugShared/libshared_api.h to ohos demo directory: ./ohosApp/entry/src/main/cpp/thirdparty/biz_entryCopy ops done!说明:
cp: No such file or directory 警告是正常的,脚本会自动创建这些目录libshared.so 和 libshared_api.h)会被自动复制到 Ohos 项目目录构建时间: 首次构建可能需要 5-15 分钟,取决于你的机器性能。后续构建会更快。
KuiklyUI/ohosApp 目录(注意: 是 ohosApp 目录,不是根目录)首次打开时的同步过程:
DevEco Studio 会自动执行同步操作,你会看到类似以下的输出:
"/Applications/DevEco-Studio 2.app/Contents/tools/node/bin/node""/Applications/DevEco-Studio 2.app/Contents/tools/hvigor/bin/hvigorw.js" --mode module -p module=render -p product=default compileNative --analyze=normal --parallel --incremental --daemon> hvigor WARN: The project has not explicitly set the 'targetSdkVersion' version at build-profile.json5. It is recommended to configure it. Reference: https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-hvigor-build-profile-app#section45865492619> hvigor UP-TO-DATE :render:default@PreBuild...> hvigor Finished :render:default@ConfigureCmake... after 59 ms> hvigor Finished :render:default@BuildNativeWithCmake... after 14 ms> hvigor Finished :render:compileNative... after 1 ms> hvigor BUILD SUCCESSFUL in 336 msProcess finished with exit code 0关于警告:
targetSdkVersion 警告是提示性的,不影响构建。如需配置,可参考提示的文档链接。如果同步失败:
ohosApp 目录下的 .npmrc 文件,点击右上角的 Sync 按钮重新同步在运行 App 之前,必须配置应用签名:

重要提示:
选项 A:连接真机
选项 B:启动模拟器

运行成功标志:
问题: 执行 ./2.0_ohos_demo_build.sh 时出错
解决方案:
chmod +x 2.0_ohos_demo_build.sh问题: 打开项目后同步失败
解决方案:
ohosApp/.npmrc 文件,点击右上角 Sync 重新同步问题: 运行时提示找不到 native 库
解决方案:
ohosApp/entry/libs/arm64-v8a/libshared.so 文件是否存在问题: 应用无法安装到设备
解决方案:
问题: DevEco Studio 无法识别设备
解决方案:
hdc list targets 命令检查设备连接问题: 首次构建耗时很长
说明: 这是正常现象,因为需要:
优化建议:
欢迎大家一起来尝试 KuiklyUI 在 HarmonyOS 平台上的开发!
如有问题,欢迎在项目 Issues 中提出或参与社区讨论。
我的联系方式,一起交个朋友!未来也会推出更多新技术的分享