从零创建鸿蒙应用:Hello World实战

学鸿蒙开发最快的方式是“先跑起来”:创建项目、改几行代码、在模拟器上看到自己的应用。这篇带你完成第一个鸿蒙应用。

第一步:创建项目

  • DevEco Studio-File-New-Project;
  • 模板:Empty Ability(空页面);
  • 配置:Project name(HelloWorld)、Device(Phone)、Language(ArkTS);
  • Finish后等待首次构建(下载依赖)。

第二步:看懂项目结构

entry/src/main/ets/pages/Index.ets:主页面代码;entry/src/main/resources:资源(字符串、图片、颜色);module.json5:模块配置;build-profile.json5:构建配置。

第三步:修改代码

打开Index.ets:在build()里改Text内容(“Hello HarmonyOS”);加一个Button(onClick显示提示);用@State加一个计数器(点击数字+1);保存,预览器即时看到变化。

第四步:运行

模拟器:Device Manager启动模拟器,点击Run;真机:USB连接+开发者模式,Run;运行成功后:应用安装到设备,点击图标打开。

第五步:理解做了什么

@Entry:页面入口;@Component:组件定义;build():描述UI;@State:状态(变化触发刷新);onClick:事件。这四个概念,就是鸿蒙UI开发的核心。

Hello World的意义在于“跑通流程”:项目创建、代码修改、模拟器运行,全链路走一遍。把这个流程跑熟,鸿蒙开发的大门就打开了。

发表评论