type
status
date
slug
summary
tags
category
icon
password
文章前言:本篇将以Windows开发环境为例,简述鸿蒙APP开发前的一些准备工作。
一、开发工具安装
1 安装Node.js环境
- Node.js是一个运行在Chorme V8引擎的JavaScript运行环境,现在杯广泛用于Web前端工程化构建工程中。
- Node.js安装包下载地址:https://nodejs.org/en/download
- Windows下载64位版本,可以尽量选择较新的版本进行下载。同时选择zip文件下载,这个会符合大家安装电脑软件的一般习惯。

- 安装完成后打开命令行工具(cmd或者powershell),输入
node -v
显示版本号,则表明Node.js环境已成功安装。
2 安装DevEco Studio
- HUAWEI DevEco Studio是基于Intellij IDEA Community开源版本打造,面向终端全场景多设备的一站式集成开发环境(IDE),同时支持OpenHarmony和HarmonyOS应用/服务开发。
- DevEco Studio 下载地址:https://developer.huawei.com/consumer/cn/download/
- 选择对应的Windows版本进行下载:

- 其中5.0安装后显示如下。(创建项目后默认直接进入项目)

- 3.0版本安装后需要直接下载SDK,按照提示完成即可(不建议修改地址)

- 5.0版本SDK下载(也可以选择创建项目后进入Settings)



3 插件管理及中文语言包安装
- 在Setttings —> plugins —> 搜索Chinese即可。
- 但是本人在3.0,5.0的版本中均未找到语言包插件,也有可能被删了。
二、Device Manager设备管理
1 Previewer程序预览器
- 针对Ark UI应用在界面开发过程中进行界面的调试,涉及系统API功能的调试不再生效,需要使用仿真设备管理器进行调试。

2 本地模拟器
- 不管是利用Java还是ArkUI开发应用,最后必须要在模拟器中进行调试

- 第一次使用需要同意协议

这里是本地模拟器,有的版本是需要先下载这个Local Emulator的,如3.0。

- 点击+New Emulator

- 下载完成后点击Next可以修改模拟器配置

- Finish完成后可以看到设备信息

- 点击绿色启动键启动,等待加载一会出现如下所示

- 模拟器创建好了之后,无论是否运行,都可以在DevEco Studio右上角查看并选中作为当前打开工程的调试设备进行调试。如果没有开机会自动开机并部署当前应用到手机上。

3 本地真机
- 如果手中有一款搭载鸿蒙操作系统的设备,也可以连接DevEco Studio进行真机调试,虽然支持WiFi连接,但是为了稳定性建议使用USB连接进行调试。
- 真机设备配置:进入设备,找到关于手机>系统版本号,对其连续单机7次打开开发者模式(不同设备进入开发者模式的方法可能有差别),进入开发者模式选项,打开USB调试,然后用USB把手机与计算机进行连接,手机出现连接提示后,选择USB文件传输模式,并选择信任设备选项。
- 选择你将要调试的工程,单击File —> Project Structure

- 登录华为开发者账号

- 出现如图所示信息说明登录成功

- 回到DevEco Studio,同意协议

- 若未连接真机会出现如下显示

- 若连接真机,则会自动生成签名,一般开发过程中我们直接使用Debug签名即可。(后面有更加详细的应用/元服务签名介绍)
- 之后在右上角选择本地设备进行真机调试即可,运行HelloWorld如下所示。

4 远程真机
- 如果手中没有鸿蒙设备,或者该设备不支持最新的SDK API,可以使用华为提供的远程真机进行调试。
- 在DevEco Studio 3.0版本中,有Remote Emulator,与本地模拟器类似,但是在5.0版本中,3.0版本如下图所示。

5 日志
- 使用Ark UI进行界面开发时,可以在DevEco Studio下面看到Previewer Log,查看并调试JavaScript相关代码。

- 而对于模拟器和真机,则需要HiLog进行调试

三、运行鸿蒙App示例程序
1 模板程序的使用
- DevEco Studio提供了一些工程模板供开发者使用,每个模板支持一种或多种开发语言,一般情况下我们会选择Empty Ability(即空模板)。

2 登录华为账号签名
- 使用自动签名前,请确保本地系统时间与北京时间保持一致,若不一致可能,导致签名失败。
- 连接真机或模拟器。(模拟器打开后才会在设备中显示)

- 点击File > Project Structure... > Project > SigningConfigs界面勾选“Support HarmonyOS”和“Automatically generate signature”,点击界面提示的“Sign In”,使用华为账号登录。等待自动签名完成后,点击“OK”即可。

- 签名完成后,如下图所示,并在本地生成密钥(.p12)、证书请求文件(.csr)、数字证书(.cer)及Profile文件(.p7b),数字证书在AppGallery Connect网站的“证书、APP ID和Profile”页签中可以查看。

- 在编辑窗口右上角的工具栏,点击▶️按钮运行。效果如下图所示:

该《环境搭建》部分可忽略。
四、环境搭建
开发基础环境由windows 工作台和Linux 编译服务器组成。
- windows 工作台可以通过samba 服务或ssh 方式访问Linux编译服务器。
- windows 工作台用来烧录和代码编辑。
- Linux 编译服务器用来编译OpenHarmony 代码。
OpenHarmony 标准系统为开发者提供的Docker 环境已经将对应的编译工具链进行了封装,开发者可省略对应工具的安装。
- 在Windows搜索栏中输入“Ubuntu”并启动。
- 更新系统:
sudo apt update && sudo apt upgrade -y
- 安装必要的Git、Python等工具:
sudo apt install git python3 python3-pip -y
- 安装Docker后在Ubuntu拉取官方提供的Docker镜像,该镜像为开发者提供的环境已经将对应的编译工具链进行了封装,开发者可省略对应工具的安装。
- 安装完成后创建并启动容器

- 这里根据个人选择,我使用Vscode进入环境进行编辑。(我这里警告显示不支持该os,但是也能用,暂未解决)
- 具体关于Docker的相关配置请参照我之前写的一篇文章《Docker指南》。

- 进入容器后如果不是根目录最好切换到根目录,点击文件—>打开文件夹—>直接选择/即根目录即可。
- 选择容器进入后,在容器中克隆OpenHarmony源码
- 进入源码目录并编译:
五、相关插件
1 AI智能辅助编程工具
- DevEco AI辅助编程工具CodeGenie官方下载链接:https://developer.huawei.com/consumer/cn/download/deveco-codegenie并根据下载中心页面工具完整性指导进行完整性校验。
- 在DevEco Studio菜单栏,点击File > Settings > Plugins,点击设置 > Install Plugin from Disk…,在弹出的文件选择窗口中,选择插件安装包的存放位置,点击Accept确认使用插件。

- 按照提示继续,如图所示我已经安装成功。
- 点击Restart IDE,重新启动DevEco Studio。
- 在DevEco Studio右侧边栏点击CodeGenie进入DevEco CodeGenie,插件安装成功。勾选同意隐私安全政策及使用条款后,点击Sign in登录华为账号即可使用。


- 如图所示,登录后即可使用。

有关问题,欢迎您在底部评论区留言,一起交流~
- Author:Koreyoshi
- URL:https://Koreyoshi1216.com/article/1a5c7b13-c6a7-8011-a4ce-fbb5254940c4
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts