HarmonyOS鸿蒙Next应用开发—解锁学习实战（一）

HarmonyOS鸿蒙Next应用开发—解锁学习实战（一） 目录：

一、效果展示

二、搭建开发环境

配置Openharmony SDK

前提条件：

1. 已下载并安装好DevEco Studio 2.1 Release及以上版本。

下载地址：https://developer.harmonyos.com/cn/develop/deveco-studio#download

1. 已获取OpenHarmony SDK包并解压。

下载地址：https://mirror.iscas.ac.cn/OpenHarmony/sdk/OpenHarmony-SDK-2.0-Canary.7z

配置步骤：

a. 运行已安装的DevEco Studio，首次使用，请选择Do not import settings，点击OK

b. 接下来DevEco Studio会根据向导指示，进入到SDK下载界面，HarmonyOS SDK Location选择本地解压的SDK包路径，然后点击Next

c. SDK安装完成后，点击Finish，界面会进入到DevEco Studio欢迎页。进入Sdk\js\2.2.0.0\build-tools\ace-loader目录，然后在该目录下运行命令行工具，分别执行如下命令，直至安装完成。

npm cache clean -f
npm install

注意：运行不成功的话可能需要下载npm并进行环境配置

npm安装及环境配置

a. 下载node.js （下载地址：https://nodejs.org/zh-cn/download/）

b. 下载之后安装 （注意：不建议安装在C盘）

c. cmd输入以下两个命令查看是否安装成功，若显示版本号则安装成功

node- v
npm- v

d. 找到安装目录、添加两个文件目录

e. cmd下输入两条命令

npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”

f. 环境变量配置

系统变量：

• 变量名–NODE_PATH
• 值–D:\Program Files\nodejs\node_modules

用户变量：

• Path中编辑如下两条即可

三、创建openharmony新工程

针对OpenHarmony应用开发，只能通过导入Sample工程的方式来创建一个新工程。目前，支持OpenHarmony应用开发的Sample工程，请选择导入含有“This sample is intended for novices at developing OpenHarmony applications.”说明的Sample。

1. 在DevEco Studio的欢迎页，进入Configure （或图标） > Settings > Version Control > Git界面，点击Test按钮检测是否安装Git工具。

2. 未安装，请点击Download and Install，DevEco Studio会自动下载并安装。安装完成后，请开始导入Sample。

3. 在DevEco Studio的欢迎页，点击Import HarmonyOS Sample按钮，导入Sample工程

4. 选择common下的JsHelloWorld工程，然后点击Next。

5. 设置App Name和Project Location，然后点击Finish，等待Sample工程导入完成。

6. Sample导入后，请打开工程下的build.gradle，修改hap插件的版本号为“2.4.4.3-RC”。

7. 修改完成后，点击右上角Gradle中的按钮，重新同步工程。

8. 等待工程同步完成，同步成功后，便可以进行OpenHarmony应用开发了。

开源项目地址：欢迎大家更多创意与功能的参与。

https://gitee.com/jltfcloudcn/openharmonyIOTAPP/tree/master/jiesuoxuexi

附件将于解锁实战（二）后面上传