鸿蒙学习

官方开发文档 developer.huawei.com/consumer/cn…

开发工具

DevEco Studio developer.huawei.com/consumer/cn…

电脑环境

• node >= 18
• node镜像尽量使用华为镜像

创建项目

• 使用DevEco Studio新建项目sdk版本，SDK: 5.0.3(15)
• 目录介绍

AppScope/app.json5  发布及下载的包名称 包版本 包icon
oh-package.json5  依赖包管理
oh_modules        包
entry/src/main  源码开发主要根目录
entry/src/main/resources 静态资源 如assets
entry/src/main/ets/pages 页面
entry/src/main/ets/api 请求后端服务
entry/src/main/ets/utils 工具类
entry/src/main/ets/view 公用组件
entry/src/main/ets/viewmodel 存放数据和约束

开发模式

官方主推 声明式开发范式 ArkTS语言

开发范式名称	语言生态	UI更新方式	适用场景	适用人群
声明式开发 Stage模型	ArkTS语言	数据驱动更新	复杂度较大、团队合作度较高的程序	移动系统应用开发人员、系统应用开发人员
类Web开发 FA模型	JS语言	数据驱动更新	界面较为简单的程序应用和卡片	Web前端开发人员

预览 和 模拟器

• 开发工具右侧自带预览功能，仅能预览@Entry @Preview页面，且自带HMR功能
• 模拟器

1.下载模拟器
2.新建模拟器
3.运行模拟器
4.将当前entry H运行

• 调试 以debug 方式运行项目

ArkTS

基于ts开发规则的语言，包含了es5/es6的语法规则

• 装饰器 用于装饰类、结构、方法以及变量
• UI描述：以声明式的方式来描述UI的结构，例如build()方法中的代码块。
• 自定义组件：可复用的UI单元，可组合其他组件，
• 系统组件：ArkUI框架中默认内置的基础和容器组件
• 属性方法：组件可以通过链式调用配置多项属性，如fontSize()、width()、height()、backgroundColor()等。
• 事件方法：组件可以通过链式调用设置多个事件的响应逻辑，如跟随在Button后面的onClick()。