构建鸿蒙5.0应用(一)

准备工作

1、开发工具

开发工具使用华为官方推荐的IDE:DevEco Studio ,为鸿蒙应用开发提供了最全面的官方支持,包括最新的 SDK、API 和功能。

2、编译工具

开发鸿蒙应用需要安装Nodejs环境,为打包编译鸿蒙应用提供支持,官方推荐14.x(≥14.19.1)、16.x、18.x

3、预览工具

下载好DevEco Studio后,如果想实时预览App效果,需要安装previewer,打开DevEco Studio->preference -> OpenHammony SDK,点击红框右侧的Edit下载SDK支持,一路Next,直至安装完成

安装完sdk后回来下载组件包:

4、开发文档

文档中心

开始开发

通过create project可以快速创建一个项目,这里我们随便选择一个模板:

初始化项目后编译工程报错:certificate has expired

解决方案:打开终端切换镜像源

npm config set registry https://registry.npmmirror.com

执行rebuild,完成构建

通过previewer查看编译效果:

真机调试

真机调试参考本地使用真机运行

注意设备连接后,如果DevEco Studio无法识别到设备,显示"No device",请参考设备连接后,无法识别设备的处理指导

相关推荐
写雨.020 小时前
鸿蒙定位开发服务
华为·harmonyos·鸿蒙
goto_w1 天前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
别说我什么都不会2 天前
ohos.net.http请求HttpResponse header中set-ccokie值被转成array类型
网络协议·harmonyos
码是生活2 天前
鸿蒙开发排坑:解决 resourceManager.getRawFileContent() 获取文件内容为空问题
前端·harmonyos
鸿蒙场景化示例代码技术工程师2 天前
基于Canvas实现选座功能鸿蒙示例代码
华为·harmonyos
小脑斧爱吃鱼鱼2 天前
鸿蒙项目笔记(1)
笔记·学习·harmonyos
Debroon2 天前
应华为 AI 医疗军团之战,各方动态和反应
人工智能·华为
鸿蒙布道师2 天前
鸿蒙NEXT开发对象工具类(TS)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
zhang1062092 天前
HarmonyOS 基础组件和基础布局的介绍
harmonyos·基础组件·基础布局
桃子酱紫君2 天前
华为配置篇-BGP实验
开发语言·华为·php