HarmonyOS 开发App详细步骤

文章目录

    • 一丶下载 DevEco Studio
    • 二丶安装 DevEco Studio
    • 三丶下载Node.js
    • 四丶安装Node.js
    • 五丶设置网络,确保下载无问题(教你们更快的一招)
    • 六丶启动 DevEco Studio
    • 七丶创建工程
    • 八丶运行前,准备工作
    • 九丶运行项目,诞生第一个HarmonyOS App
    • 十丶切换黑色界面(两步搞定)

一丶下载 DevEco Studio

目前只支持Windows、Mac(2021年6月15日)
下载地址
HarmonyOS 开发App详细步骤_第1张图片

二丶安装 DevEco Studio

(1)双击
在这里插入图片描述
(2)Next
HarmonyOS 开发App详细步骤_第2张图片
(3)Next
HarmonyOS 开发App详细步骤_第3张图片
(4)勾上后,点击Next
HarmonyOS 开发App详细步骤_第4张图片
(5)install
HarmonyOS 开发App详细步骤_第5张图片
(6)
HarmonyOS 开发App详细步骤_第6张图片

三丶下载Node.js

下载地址
HarmonyOS 开发App详细步骤_第7张图片

四丶安装Node.js

(1)Next
HarmonyOS 开发App详细步骤_第8张图片
(2)Next
HarmonyOS 开发App详细步骤_第9张图片
(3)Next
HarmonyOS 开发App详细步骤_第10张图片
(4)Next
HarmonyOS 开发App详细步骤_第11张图片
(5)Next
HarmonyOS 开发App详细步骤_第12张图片
(6)install
HarmonyOS 开发App详细步骤_第13张图片
(7)Finish
HarmonyOS 开发App详细步骤_第14张图片

五丶设置网络,确保下载无问题(教你们更快的一招)

条件: 有些家庭和公司网络会无法访问Internet,这时候就需要设置设置npm代理。不过经亲身体验,我发现还有一种更快的方法。

方法一:电脑连接手机热点
打开手机热点,让电脑连接上热点,然后就可以直接跳过设置npm代理的步骤进入下面的安装

方法二:设置npm代理

请参考官网设置教程

六丶启动 DevEco Studio

(1)点击OK
HarmonyOS 开发App详细步骤_第15张图片

(2)如果需要设置代理信息会提示,点击Setup Proxy
HarmonyOS 开发App详细步骤_第16张图片
(3)若不需要则提示,点击 Agree
HarmonyOS 开发App详细步骤_第17张图片
(4)点击 Start using DevEco Studio
HarmonyOS 开发App详细步骤_第18张图片

(5)下载HarmonyOS SDK
HarmonyOS 开发App详细步骤_第19张图片
(6)Next
HarmonyOS 开发App详细步骤_第20张图片

(7)先 Accept,后 Next
HarmonyOS 开发App详细步骤_第21张图片
(8)下载完成后点击 Finish
HarmonyOS 开发App详细步骤_第22张图片
(9)先 Configure,后 Settings
HarmonyOS 开发App详细步骤_第23张图片
(10)
HarmonyOS 开发App详细步骤_第24张图片

(11)看一下最新版本的SDK下,哪些没下载的请把它下载
HarmonyOS 开发App详细步骤_第25张图片
(12)Finish
HarmonyOS 开发App详细步骤_第26张图片
(13)OK
HarmonyOS 开发App详细步骤_第27张图片

七丶创建工程

(1)
HarmonyOS 开发App详细步骤_第28张图片
(2)选择 Java,点击 Next
HarmonyOS 开发App详细步骤_第29张图片
(3)请按照红框勾选,然后点击 Finish
HarmonyOS 开发App详细步骤_第30张图片

(4)第一次进入时,DevEco Studio需要对工程进行构建,它会自动下载 Gradle 工具,等待就好
HarmonyOS 开发App详细步骤_第31张图片
(5)当显示,说明工程同步成功!
HarmonyOS 开发App详细步骤_第32张图片

八丶运行前,准备工作

(1)
HarmonyOS 开发App详细步骤_第33张图片

(2)
HarmonyOS 开发App详细步骤_第34张图片
(3)登录华为账号,如果没有请注册
HarmonyOS 开发App详细步骤_第35张图片
(4)一律允许
HarmonyOS 开发App详细步骤_第36张图片
(5)注意:这只是登录成功!你还需要在华为平台进行实名认证,否则无法使用模拟器

实名认证有两种方式,详细步骤请按官网提示操作

  • 身份证
  • 银行卡

(6)登录成功后(指实名过的开发者),会显示如下图的界面,可以选择不同设备的模拟器

HarmonyOS 开发App详细步骤_第37张图片
(7)每次使用时长为1小时,到期后会自动释放资源,请及时完成HarmonyOS应用的调试。如果Remote Emulator到期释放后,您可以重新申请资源
HarmonyOS 开发App详细步骤_第38张图片

九丶运行项目,诞生第一个HarmonyOS App

(1)点击箭头运行
HarmonyOS 开发App详细步骤_第39张图片

(2)成功
HarmonyOS 开发App详细步骤_第40张图片

十丶切换黑色界面(两步搞定)

(1)
HarmonyOS 开发App详细步骤_第41张图片
(2)
HarmonyOS 开发App详细步骤_第42张图片

时间:2021-6-15-14:20

你可能感兴趣的:(HarmonyOS,开发App详细步骤,HarmonyOS,王睿丶,DevEco,Studio)