使用DevEco Studio高效开发（篇三）

Raink老师

已于 2025-05-16 15:02:59 修改

阅读量1k

点赞数 11

分类专栏： HarmonyOS应用开发实战指南文章标签：鸿蒙 harmonyos

于 2025-05-16 15:02:13 首次发布

本文链接：https://blog.csdn.net/cnbj_zhjy_felix/article/details/148007059

版权

HarmonyOS应用开发实战指南专栏收录该内容

28 篇文章

订阅专栏

1. 使用真机调试

在Phone和Tablet中运行HarmonyOS应用/元服务的操作方法一致，可以采用USB连接方式或者无线调试的连接方式。

1.1. HarmonyOS 5支持机型

目前已公布可支持升级尝鲜的具体机型了解你的机型是否支持升级尝鲜更多机型陆续上线中，敬请期待。

1.1.1. 2024年公测

手机

HUAWEI Mate 70

HUAWEI Mate 70 Pro

HUAWEI Mate 70 Pro+

HUAWEI Mate 70 RS | ULTIMATE DESIGN

HUAWEI Mate 60

HUAWEI Mate 60 Pro

HUAWEI Mate 60 Pro+

HUAWEI Mate 60 RS | ULTIMATE DESIGN

HUAWEI Mate X6

HUAWEI Mate X6 典藏版

HUAWEI Mate X5

HUAWEI Mate X5 典藏版

HUAWEI Pura 70

HUAWEI Pura 70 北斗卫星消息版

HUAWEI Pura 70 Pro

HUAWEI Pura 70 Pro+

HUAWEI Pura 70 Ultra

HUAWEI Pocket 2

HUAWEI Pocket 2 艺术定制版

HUAWEI nova 12 Ultra

HUAWEI nova 12 Ultra 星耀版

平板

HUAWEI MatePad Pro 13.2英寸

HUAWEI MatePad Pro 13.2英寸典藏版

HUAWEI MatePad Pro 11英寸 2024款

1.1.2. 2025年公测

手机

HUAWEI Mate 70 Pro 优享版

HUAWEI nova 13

HUAWEI nova 13 Pro

HUAWEI nova 12

HUAWEI nova 12 Pro

花粉Beta平板

HUAWEI MatePad Pro 12.2英寸

HUAWEI MatePad Air 12英寸

HUAWEI MatePad 11.5"S

HUAWEI MatePad 11.5"S 灵动款

1.2. 前提条件

在Phone或Tablet上查看设置 > 系统中开发者选项是否存在，如果不存在，可在设置 > 设备名称中，连续七次单击“版本号”，直到提示“开启开发者选项”，点击确认开启后输入PIN码（如果已设置），设备将自动重启，请等待设备完成重启。
在设备运行应用/元服务需要根据为应用/元服务进行签名。

1.3. 使用USB连接方式

使用USB方式，将Phone或Tablet与PC端进行连接。
在设置 > 系统 > 开发者选项中，打开“USB调试”开关（确保设备已连接USB）。
在Phone或Tablet中会弹出“允许USB调试”的弹框，单击允许。如图48所示。

图48 弹框提示

在菜单栏中，单击Run>Run'模块名称'或，或使用默认快捷键Shift+F10（macOS为Control+R）运行应用/元服务。如图49所示。

图49 在真机上运行应用

DevEco Studio启动HAP的编译构建和安装。安装成功后，设备会自动运行安装的HarmonyOS应用/元服务。

1.4. 使用无线调试连接方式

将Phone/Tablet和PC连接到同一WLAN网络。
在设置 > 系统 > 开发者选项中，打开“无线调试”开关，并获取Phone/Tablet端的IP地址和端口号。如图50所示。

图50 打开无线调试

在PC中执行如下命令连接设备。

hdc tconn 设备IP地址:端口号

如图51所示。

图51 在终端启动连接

在菜单栏中，单击Run>Run'模块名称'或，或使用默认快捷键Shift+F10（macOS为Control+R）运行应用/元服务。如图52所示。

图52 选择真机设备并启动

DevEco Studio启动HAP的编译构建和安装。安装成功后，Phone/Tablet会自动运行安装的HarmonyOS应用/元服务。
常见问题

初次使用会提示签名失败，在签名设置里授予签名权限即可。如图53、图54所示。

图53 签名失败

图54 签名设置

1.5. 通过DevEco Studio录屏

在应用开发过程中，可以使用录屏功能录制应用的运行状态，并通过录屏文件向他人展示正在开发的应用的各种功能效果。如图55所示。

连接真机设备，并在其中运行应用。
在DevEco Studio底部切换到Log页签。
点击左侧工具栏中，即可开始录屏。

图55 录屏入口

录屏时，需要先选择录屏文件的保存路径，开发者可使用默认路径或设置自定义路径。如图56所示。

图56 设置路径和文件名

路径选择完毕后，点击Start Recording开始录屏。如图57所示。

图57 开始录制

录制完操作流程之后，点击Stop Recording结束录屏。如图58所示。

图58 停止录制

结束录屏后，录屏文件将会保存到之前选择的路径下，可以选择调用系统播放器播放视频文件或打开文件所在的文件夹。如图59所示。

图59 提示窗口

2. 代码调试

本节介绍了在DevEco Studio中进行代码调试的方法。开发者可通过设置断点、选择调试设备和模块，以debug模式启动调试会话，实现对代码的逐步调试。同时，工具支持Hot Reload热重载功能，代码修改并保存后可即时生效，无需重启应用，大幅提升调试效率与开发体验。

2.1. debug启动调试

可以按照如下方式启动调试会话。

如果需要设置断点调试，找到需要暂停的代码片断，点击该代码行的左侧边线，或将光标置于该行上并按Ctrl + F8（macOS为Command+F8）。如图60所示。

图60 设置断点

设置断点后，调试能够在正确的断点处中断，并高亮显示该行。

在设备选择框中，选择调试的设备。如图61所示。

图61 选择调试设备

选择启动调试的Configuration，在模块选择框中选择需要调试的模块。如图62所示。

图62 选择调试模块

在工具栏中，单击Debug。如图63所示。

图63 工具栏调试入口

或者在工具栏中Run中选择Debug。如图64所示。

图64 菜单调试入口

启动调试后，开发者可以通过调试器进行代码调试。

如有断点会在断点处高亮，并展示当前断点处的Frames和Variables。

图65 开始调试

2.2. Hot Reload

DevEco Studio提供Hot Reload（热重载）能力，支持开发者在真机或模拟器上运行/调试应用时，修改代码并保存后无需重启应用，在真机或模拟器上即可使用最新的代码，帮助开发者更快速地进行调试。

操作步骤如下：

通过USB连接真机设备。
在下拉菜单中，将运行/调试配置切换为Hot Reload的配置。如图66所示

图66 入口选择

运行/调试应用，将代码编译打包运行/调试到真机上。
修改代码后，可以通过如下操作，查看真机上修改后的显示效果。

点击Hot Reload按钮：如图67所示。

图67 启动入口

通过快捷键方式触发Hot Reload：需要先在菜单栏点击File > Settings，选择Tools > Actions on Save，勾选Perform hot reload，点击OK完成设置。修改代码后通过快捷键Ctrl + S即可触发Hot Reload。

图68 保存时的操作

点击停止按钮终止运行/调试运行，退出Hot Reload模式。

3. AI智能辅助编程工具CodeGenie

DevEco AI辅助编程工具（CodeGenie）为开发者提供高效的应用与服务AI编程支持，支持智能知识问答，同时支持ArkTS代码生成和万能卡片生成能力，帮助开发者提高编码效率。

3.1. 插件获取及安装

访问下载中心获取最新CodeGenie插件版本，并根据下载中心页面工具完整性指导进行完整性校验。安装包存放路径不能包含中文字符。

安装压缩包无需解压，下载完成可直接依照下方步骤进行安装。

在DevEco Studio菜单栏，点击File > Settings（macOS为DevEco Studio > Preferences）> Plugins，点击 > Install Plugin from Disk…安装本地插件。如图69所示。

图69 安装插件

在弹出的文件选择窗口中，选择未解压的插件包的存放位置，点击Accept确认使用插件。
点击Restart IDE，重新启动DevEco Studio。如图70所示。

图70 重新启动DevEco Studio

在DevEco Studio右侧边栏点击CodeGenie进入DevEco CodeGenie，完成登录并开始体验。

3.2. 使用插件登录

勾选同意隐私安全政策及使用条款后，点击Sign in ，跳转华为账号登录页面。授权登录完成后返回DevEco Studio，提示登录成功，再次点击侧边栏CodeGenie，即可开始体验。如图71所示。

图71 开始体验

在DevEco Studio右侧边栏点击CodeGenie或输入快捷键Alt/Option+U，可以进入DevEco CodeGenie。如图72所示。

图72 欢迎界面

3.3. 智能问答

CodeGenie基于生成式搜索能力，在对话区域下拉框中选择所需要的智能体，通过查询生成、内容优选服务高效理解用户意图，问答交互式地获取编码相关知识。

CodeGenie现接入DeepSeek-R1智能体，快速体验DeepSeek智能问答能力。

对话示例：

在对话区域下拉框中选择所需要的智能体，当前以HarmonyOS为例，输入需要查询的问题，开始问答。示例如下，如图73、图74所示。

ArkTS如何实现多线程？

图73 问答示例

在JavaScript中如何通过闭包（closure）实现私有变量？

图74 问答示例

3.4. 代码生成

利用AI大模型分析并理解开发者在代码编辑区的上下文信息或自然语言描述信息，智能生成符合上下文的ArkTS或C++代码片段。支持在代码编辑区通过快捷键主动触发代码生成，或根据自然语言描述生成相应代码片段。

3.4.1. 使用约束

建议在编辑区内已有较丰富上下文，能够使模型对编程场景有一定理解的情况下进行代码生成。在编辑器中的内容较少时，AI可能无法有效理解用户的意图并生成相应的代码。

模型反馈需满足规则：光标上文10行内，有效代码行数超过5行（排除单独{}、（）、[]括号行、空行、纯注释行场景），便于模型能理解代码上下文。

3.4.2. 代码生成设置

进入File > Settings >DevEco CodeGenie > Code Generation页面开启代码生成功能。并根据编码习惯，设置行内生成和片段生成的时延。

如果已经熟悉了CodeGenie常用的快捷键，想要更加沉浸的体验，可以在该页面勾选Do not disturb，隐藏代码生成工具栏及快捷键提示。如图75所示。

图75 代码生成设置

3.4.3. 行内/片段代码续写

安装CodeGenie后，只需在编码时稍作停顿，CodeGenie将在当前代码行即时续写代码；输入回车，将出现CodeGenie根据上下文生成的多行代码片段。若开发者认可推荐的内容，可通过按Tab键采纳，或通过按ESC键忽略生成的内容。如图76所示。

图76 代码生成演示

CodeGenie常用快捷键详见表6。

操作	macOS	Windows
触发多行代码生成	Enter、Option+C	Enter、Alt+C
触发单行代码生成	Option+X	Alt+X
采纳生成的代码	Tab	Tab
忽略生成的代码	Esc	Esc
查看上一个代码生成结果	Option +[	Alt + [
查看下一个代码生成结果	Option + ]	Alt + ]
重新生成代码内容（最多支持重新生成5次）	Option + R	Alt + R
展示CodeGenie面板	Option + U	Alt + U

表6 CodeGenie常用快捷键

3.4.4. 自然语言生成代码

在对话框内，通过输入 / 调出命令，选择 Code 后可根据自然语言描述智能生成代码，生成内容可一键复制或一键插入至编辑区当前光标位置。

提问示例：

使用ArkTS语言写一段代码，在页面中间部分插入Swiper组件，其中有3个Image组件，其图片资源名分别为app.media.phone，app.media.watch，app.media.glasses。这些Image组件的宽度撑满父布局，高度为600，图片缩放类型为保持图片宽高比不变，将图片完全显示在边界内。 Swiper组件设置为自动播放，播放时间间隔为2秒。如图77所示。

图77 自然语言生成代码生成演示

3.4.5. 编辑区代码生成

CodeGenie提供Inline Edit能力，支持在编辑窗口中通过自然语言进行问答，基于上下文智能生成代码片段，提升代码可读性。

在代码编辑区域，右键选择CodeGenie：Inline Edit（Beta）（或使用快捷键Alt+I，MacOS中为Option+I），唤醒Inline Edit对话框。如图78所示。

图78 入口和演示

在对话框中输入所需要的代码功能描述，在键盘输入回车开始生成。点击Stop Generation，可中断本轮代码生成过程。
生成完毕将在编辑区展示本轮生成的代码内容，并通过不同颜色体现与当前代码的对比差异。如图79所示。

- 绿色区域：新生成的代码内容。
- 蓝色区域：对现有代码进行修改的内容。
- 红色区域：删除的代码内容。

图79 演示效果

点击Inline Edit对话框中Accept ALL或使用快捷键Alt+Enter，接受当前生成的全部内容。或使用快捷键Shift+Ctrl+Y或点击界面中Shift+Ctrl+Y区域，分段逐一接受并保留生成内容；使用快捷键Shift+Ctrl+N或点击界面中Shift+Ctrl+N区域，分段逐一拒绝并删除当前生成内容。