![鸿蒙操作系统开发入门经典](https://wfqqreader-1252317822.image.myqcloud.com/cover/903/44509903/b_44509903.jpg)
2.1 鸿蒙应用开发环境搭建
鸿蒙应用开发环境搭建分两步,分别是下载安装Node.js和下载安装DevEco Studio。
2.1.1 下载和安装Node.js
Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,并可让JavaScript运行在服务器端的开发平台。
Node.js应用于开发鸿蒙JavaScript应用程序和运行鸿蒙预览器功能,是开发HarmonyOS应用过程中必备的软件。
下载安装Node.js,可选择LTS版本12.0.0及以上,Windows 64位对应的软件包,如图2-1所示。Node.js安装包及源代码下载网址为https://nodejs.org/en/download/。
双击下载后的软件包进行安装,根据安装向导完成Node.js的安装。Mac系统在安装软件过程中,需要输入用户系统密码来授权系统运行安装新软件。
Windows系统具体的安装步骤如下。
步骤1:双击下载后的安装包node-v14.16.0-x64.msi进行安装,如图2-2所示。
步骤2:勾选接受协议选项,单击Next按钮,如图2-3所示。
步骤3:Node.js默认安装目录为C:\Program Files\Node.js\,安装过程中可以修改目录,并单击Next按钮,如图2-4所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P26_988.jpg?sign=1738928068-OfMX3LW97lB7ExCMcj1PkJdoSFcDFTCL-0-90701dca3178e9bd153f91f9d6fd99ac)
图2-1 Node.js下载
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P26_992.jpg?sign=1738928068-FVt1mp6Mc7SbAON0HxMPAPME0dJtnHzx-0-1101804b2bde096feadd301b8adcec1c)
图2-2 运行Node.js安装包
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P27_998.jpg?sign=1738928068-m41hi3qfA0Wk4ybrB2M1sma2wVHemyDf-0-334b21da5ccfe9b99020a0b936b3d705)
图2-3 勾选接受协议选项,单击Next按钮
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P27_1001.jpg?sign=1738928068-hVxQoAaaZuwIX3LquWHxMRuX9CWkwVz9-0-b62812df359216999a2f9d2f189248c8)
图2-4 修改Node.js安装目录
步骤4:单击树形图标来选择需要的安装模式,一般选择默认即可,然后单击Next按钮,如图2-5所示。
步骤5:单击Install按钮开始安装Node.js,如图2-6所示。也可以单击Back按钮来修改先前的配置,接下来单击Next按钮。
步骤6:单击Finish按钮退出安装向导,如图2-7所示。
步骤7:打开cmd输入node-v查看Node.js的版本号,如图2-8所示,表示Node安装成功了。
macOS上安装Node可以通过以下两种方式实现。
(1)在官方下载网站下载pkg安装包,直接单击安装即可。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P28_1008.jpg?sign=1738928068-Fw8SuXd5221UjEHdUxY2PXqWVAf1yAYs-0-91299138e43915b9b83bb010e76fd5e7)
图2-5 安装模式(选择默认即可)
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P28_1011.jpg?sign=1738928068-Q6CqBYXzEoYNrCSvbJrvY0LUZETrzKW7-0-fe963835d1537ed58637d901ec4db651)
图2-6 单击Install按钮开始安装Node.js
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P28_1014.jpg?sign=1738928068-Xw4vDKcPxLJXVjOxYt2SALDkyeBEGMhg-0-87bac25a2aa0cc7dc55473b65a6fbb56)
图2-7 单击Finish按钮退出安装向导
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P29_1019.jpg?sign=1738928068-01vZ70oEuNR6PrutuVkPdXS3H2BcnN6y-0-9478f7b2540aa1b71e2603fe6a8c53f8)
图2-8 查看Node.js版本号
(2)使用brew命令来安装,命令如下:
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P29_25853.jpg?sign=1738928068-TG5QSTg1aHaslKwSsBLKSMAUIbxoLdNJ-0-e2fec03b311c3c9e7e3f01d4f0ca3e60)
2.1.2 下载和安装DevEco Studio
HUAWEI DevEco Studio(以下简称DevEco Studio)是基于IntelliJIDEA Community开源版本打造的,面向华为终端全场景多设备的一站式集成开发环境(IDE),为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用开发服务。通过使用DevEcoStudio,开发者可以更高效地开发具备HarmonyOS分布式能力的应用,进而提升创新效率。
下面介绍如何下载安装DevEco Studio开发工具,具体的步骤如下:
(1)登录HarmonysOS应用开发门户,单击右上角注册按钮,注册开发者账号。可以访问如下网址:https://id1.cloud.huawei.com/CAS/portal/login.html,登录成功后,再访问HUAWEIDevEcoStudio产品页,下载DevEcoStudio安装包,如图2-9所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P29_1040.jpg?sign=1738928068-m78yqLHDiYH7a95l9IfU4ItN7VUVdpQ9-0-39b15e9c1cacd19b1fd8045974e3f14f)
图2-9 华为账号登录页面
(2)进入HUAWEI DevEco Studio产品页,下载DevEco Studio安装包,如图2-10所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P30_1050.jpg?sign=1738928068-YoMNSkgRkiBrVEDSuFimxSY3gun4o85d-0-3ab7795aade96a12fb075178c70c460e)
图2-10 DevEco Studio2.0下载
(3) Windows用户双击下载的安装文件deveco-studio-xxxx.exe,进入DevEco Studio安装向导,在如下安装选项界面勾选DevEco Studio launcher后,单击Next按钮,如图2-11所示,直至安装完成。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P30_1059.jpg?sign=1738928068-Xy0wSDxRjnkUtRkW874J73Tj6aidzgYB-0-1a0c0e5619f5befd69f27f8c669d900b)
图2-11 DevEco Studio2.0Windows安装
(4)Mac用户双击下载的deveco-studio-xxxx.dmg软件包。
(5)在安装界面中,将DevEco-Studio.app拖曳到Applications中,如图2-12所示,等待安装完成。
(6)安装完成后,先不要勾选Run DevEco Studio选项,接下来需要根据需要配置开发环境,如图2-13所示,检查和配置开发环境。
(7)DevEco Studio的编译会构建依赖JDK,DevEco Studio预置了OpenJDK,版本为1.8,安装过程中会自动安装JDK。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P31_1072.jpg?sign=1738928068-XfkKHBm6Lo8KrGvvui3nyDFhUBKi0SzN-0-2b43073dd5f26284bb6faa52c8a2a615)
图2-12 DevEco Studio2.0Mac安装
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P31_1078.jpg?sign=1738928068-oqZrrwqlFHju3tPIMLmdLJXb46hhR8qZ-0-debba0703ea8aea6f8e7c41620721d3d)
图2-13 DevEco Studio2.0安装检测
2.1.3 运行HelloWorld
DevEco Studio开发环境配置完成后,可以通过运行Hello World工程来验证环境设置是否正确。以Wearable工程为例,在Wearable远程模拟器中运行该工程。
我们来按步骤完成并运行一个Hello World程序,步骤如下。
步骤1:打开DevEco Studio,在欢迎页单击Create HarmonyOS Project,如图2-14所示,创建一个新工程。
步骤2:选择设备类型和模板,以Wearable为例,选择Empty Feature Ability(Java),单击Next按钮,如图2-15所示。
步骤3:填写项目相关信息,保持默认值即可,单击Finish按钮。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P32_1096.jpg?sign=1738928068-8YdoI3tezRNY4XzHqCAlS4d7qmTgcQy0-0-4f78724f48d3e43e0542283371beea78)
图2-14 DevEco Studio欢迎页
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P32_1101.jpg?sign=1738928068-cZQzy5bikteP274WwUAnCEvbQs5Zgyzx-0-ef1d7648054c4ac881653f29ce8da184)
图2-15 选择模板
步骤4:工程创建完成后,DevEco Studio会自动进行工程同步,同步成功后如图2-16所示。首次创建工程时,会自动下载Gradle工具,时间较长,需耐心等待。
步骤5:在DevEco Studio菜单栏,单击Tools→HVD Manager。首次使用模拟器需下载模拟器相关资源,单击OK按钮,等待资源下载完成后,单击模拟器界面左下角的Refresh按钮,如图2-17所示。
步骤6:在浏览器中弹出华为开发者联盟账号登录界面,输入已实名认证的华为开发者联盟账号的用户名和密码进行登录,如图2-18所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P33_1110.jpg?sign=1738928068-Lc7XMOvVJLyMnD6wYTk02tlqfsnxwUJ5-0-9b7533629402b8bbbd2b4765ae6077ea)
图2-16 安装DevEco Gradle编译环境
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P33_1114.jpg?sign=1738928068-0tOulHoPW1OaIe0qcJklvbeSONZo5p9V-0-41a03fb17b5634f8e404a48c654e918d)
图2-17 下载安装模拟器
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P33_1117.jpg?sign=1738928068-LPIC7n1QTmsDTCUwifMdFfP39RySJfHL-0-857379a84ebfe8c98c6373132260d39d)
图2-18 登录华为开发者联盟账号
步骤7:登录后,单击界面的“允许”按钮进行授权,如图2-19所示。
步骤8:在设备列表中,选择Wearable设备,并单击放大按钮,运行模拟器,如图2-20所示。
步骤9:单击DevEco Studio工具栏中的单击放大按钮运行工程,或使用默认快捷键Shift+F10(Mac系统为Control+R)运行工程。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P34_1125.jpg?sign=1738928068-tc0m5NXP3tqidAVXZOUfxMTTZKm1b9bv-0-7f4c7e55f80fe86e4c95c861323ce5d6)
图2-19 登录华为账号授权
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P34_1128.jpg?sign=1738928068-GOTKQSJUtnogwBXHSkeCYm9w9tyfvuzj-0-d38d84d1dee7b192f484edb90fd899f4)
图2-20 选择模拟器
步骤10:在弹出的Select Deployment Target界面选择已启动的模拟器,单击OK按钮,如图2-21所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P35_1137.jpg?sign=1738928068-WLUYMQDbAHXcnwyK3bGqKdVEYEyP0NB2-0-03c52977d8793c19554a816cce5f89f8)
图2-21 启动模拟器
步骤11: DevEco Studio会启动应用的编译构建,完成后应用即可运行在模拟器上,如图2-22所示。
![](https://epubservercos.yuewen.com/00C4B0/23721626401016106/epubprivate/OEBPS/Images/Figure-P35_1143.jpg?sign=1738928068-thFAy2Jl5evyuxW5azRQBmpBs4yPy0jn-0-84304820451d5e352329c59ec877710c)
图2-22 模拟器运行
注意:下载JavaScript SDK时,JavaScript依赖通常下载缓慢。对于国内用户,可以将npm仓库设置为华为云仓库。在命令行工具中执行如下命令,重新设置npm仓库网址后,再执行JavaScript SDK的下载。npm config set registry https://mirrors.huaweicloud.com/repository/npm/