本文主要内容包括三个方面：
-
应用编译环境准备；
-
Hello Openharmony 页面编写；
-
安装应用到标准设备上面。下面就让我们从零开始学习 OpenHarmony 标准设备应用开发。
一、应用开发环境准备
1.1 下载 DevEco Studio 3.0 Beta2 版本
链接：https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta
1.2 配置 SDK
参考配置 OpenHarmony-SDK
二、Hello Openharmony 页面编写
2.1 新建 eTS 工程
2.1.1 打开 DevEco Studio，创建一个新工程，在 DevEco Studio 中点击 File -> New Project，选择模板 Standard：Empty Ability。
2.1.2 进入配置工程界面，Language 选择 eTS 语言，Project Type 选择 Application，其他参数根据实际需要设置即可，最后点击 Finish 即创建成功。
备注：创建成功的项目，包结构说明参考链接：
2.2 编写 Hello Openharmony 页面
2.2.1 打开"index.ets"文件
工程创建完成后，在 Project 窗口，点击"entry > src > main > ets > MainAbility > pages"，打开"index.ets"文件，项目结构如下图所示。
2.2.2 在"index.ets"中编写并设置页面组件的属性和样式
"index.ets"页面由 Flex 容器组件、Text 组件和 Button 组件构成。示例代码如下所示：
@Entry
@Component
struct Index {
build() {
Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
Text('Hello World')
.fontSize(50)
.fontWeight(FontWeight.Bold)
Button() {
Text('next page')
.fontSize(25)
.fontWeight(FontWeight.Bold)
}.type(ButtonType.Capsule)
.margin({
top: 20
})
.backgroundColor('#0D9FFB')
.onClick(() => {
routePage()
})
}
.width('100%')
.height('100%')
}
}
2.2.3 相关语法说明
• @Entry 装饰的自定义组件用作页面的默认入口组件，加载页面时，将首先创建并呈现 @Entry 装饰的自定义组件。
• @Component 装饰的 struct 表示该结构体具有组件化能力，能够成为一个独立的组件，这种类型的组件也称为自定义组件。
• @Builder 装饰器定义了一个如何渲染自定义组件的方法。此装饰器提供了一个修饰方法，其目的是和 build 函数一致。@Builder 装饰器装饰的方法的语法规范与 build 函数也保持一致。
2.2.4 预览器运行项目
点击右侧的 Previewer 按钮效果，如下图所示：
三、安装应用
3.1 配置应用签名信息
配置应用签名信息
3.2 点击"Build Haps"
在 bulid 目录下生成 signed 签名后的 hap 包，hap 包生成路径如下图所示：
3.3 安装应用
打开 OpenHarmony SDK 路径 \toolchains 文件夹下，执行如下 hdc_std 命令，其中 path 为 hap 的绝对路径。有如下信息，即表明安装成功。
hdc_std install -r path\entry-debug-standard-ark-signed.hap
写在最后
如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：
- 点赞，转发，有你们的 『点赞和评论』，才是我创造的动力。
- 关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
- 想要获取更多完整鸿蒙最新学习资源，请移步前往
