HarmonyOS第一章节:运行 Hello World 及开发环境安装

HarmonyOS第一章节:运行 Hello World 及开发环境安装

HarmonyOS应用开发官网
HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第1张图片

DevEco Studio 下载与安装

HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第2张图片
下载完成后,双击下载的“deveco-studio-xxxx.exe”安装DevEco Studio
选择DevEco Studio安装路径
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第3张图片
按照截图勾选,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第4张图片
点击“Install”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第5张图片
勾选“Reboot now”,点击“Finish”电脑重启
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第6张图片
重启完成,桌面出现DevEco Studio图标
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第7张图片

DevEco Studio环境配置

点击“Agree”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第8张图片
第一次安装无可导入的配置文件,直接点击“OK”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第9张图片
正在打开DevEco Studio
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第10张图片
选择合适的Node.jsOhpm安装路径,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第11张图片
选择合适的HarmonyOS SDK安装路径,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第12张图片
勾选“Accept”,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第13张图片
确认环境配置信息,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第14张图片
等待自动下载…
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第15张图片
在安装过程种,如果出现类似下面的错误:
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第16张图片点击“Finish”会弹出下面这个诊断页面,点击Network Connection下的npm registry access的“Click hrer”进行代理配置
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第17张图片
HTTP proxy:代理服务器信息,按照自己的代理服务器配置即可
注意:http:127.0.0.1:7890是我本地自己代理的服务器
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第18张图片
开发环境检测全部通过,可以进行开发了
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第19张图片
Welcome to DevEco Studio
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第20张图片

创建和运行Hello World

选择Create Project新建项目,点击Application选择第一个Empty Ability应用,点击“Next”进行下一步
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第21张图片
配置页中,详细信息如下:

  • Project name是开发者可以自行设置的项目名称,这里根据自己选择修改为自己项目名称。
  • Bundle name是包名称,默认情况下应用ID也会使用该名称,应用发布时对应的ID需要保持一致。
  • Save location为工程保存路径,建议用户自行设置相应位置。
  • Compile SDK是编译的API版本,这里默认选择API9。
  • Model选择Stage模型,其他保持默认即可。
    点击“Finish”进行下一步

HarmonyOS第一章节:运行 Hello World 及开发环境安装_第22张图片
项目创建成功
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第23张图片
打开设备管理
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第24张图片
点击“install”进行安装
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第25张图片
安装完成,点击“Finish”
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第26张图片
Remote Emulator页签中单击Sign In,在浏览器中弹出华为开发者联盟帐号登录界面
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第27张图片
点击Remote Emulator选择设备列表中的P50并点击“绿色箭头”按钮,运行模拟器
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第28张图片
单击DevEco Studio工具栏中的“绿色箭头”按钮运行工程
在这里插入图片描述
Hello World 运行成功
HarmonyOS第一章节:运行 Hello World 及开发环境安装_第29张图片

你可能感兴趣的:(鸿蒙应用开发,harmonyos,华为)