鸿蒙开发第一步:创建并运行你的第一个应用

每个开发者都有一段和“Hello World”的故事。在鸿蒙开发里,你的第一个程序同样从这一行问候开始,只不过它跑在一个真正的系统生态上。

创建工程

打开 DevEco Studio,选择“Create Project”,模板选“Empty Ability”,工程名称自己定,比如 FirstApp。创建完成后,IDE 会生成标准工程结构,核心代码在 entry 模块里。

先不着急理解所有目录,我们只改一个文件:Index.ets,这是应用的第一个页面。

鸿蒙开发第一步:创建并运行你的第一个应用开发示例图

写代码

Index.ets 里有一个 @Entry 装饰的组件结构,我们把中间的内容替换成一段简单的 UI:一个标题文本,一个按钮,点击后弹出一个提示。

用 ArkUI 写界面和写网页有点像:Text 是文本,Button 是按钮,Column 是纵向排列的容器。几行代码,一个可交互页面就出来了。

运行看看

点击工具栏的 Previewer,右侧会实时渲染页面;想更真实地体验,启动模拟器后点击 Run,应用就会安装到模拟器里。看到“Hello HarmonyOS”出现在屏幕上,你的第一个鸿蒙应用就跑起来了。

运行成功后,试着改一改文本内容、加一个颜色属性,刷新预览看看效果,建立“改代码→看效果”的正反馈。

鸿蒙开发第一步:创建并运行你的第一个应用架构示意图

理解你写的东西

@Entry 表示这是页面入口,@Component 表示这是一个自定义组件,build() 里描述的是界面结构。ArkUI 声明式写法的核心是“描述界面长什么样”,而不是“一步步画界面”。

这个理念和传统命令式 UI 差别很大,但一旦习惯,写界面的效率会明显提升。

下一步

Hello World 跑通后,接下来建议学三件事:ArkTS 语言基础、ArkUI 常用组件、页面路由。这三样掌握,你就能写一个像样的应用了。

第一行代码已经打出,剩下的路,就是一行一行走下去。

发表评论