一、鸿蒙应用开发-初体验
二、鸿蒙应用开发-基础组件
三、鸿蒙应用开发-组件样式
四、鸿蒙应用开发-组件构建函数
五、鸿蒙应用开发-组件组件状态共享
六、鸿蒙应用开发-应用状态存储（LocalStorage、AppStorage..）
目录
鸿蒙介绍
- HarmonyOS 是新一代的智能终端操作系统，为不同设备的智能化、互联与协同提供了统一的语言。带来简洁，流畅，连续，安全可靠的全场景交互体验。
DevEco Studio 使用
aaaaa.jpeg
安装 DevEco Studio 编辑器
安装：DevEco Studio → 一路 Next
运行：
基础安装：Node.js >= 16.9.1 + Install ohpm 鸿蒙包管理器
tree.jpeg
-
SDK 安装
image.png -
安装完毕
image.png
HelloWorld 开启新世纪
创建一个空项目:
- 1.Create Project
image.png
-
2.选择项目模板
image.png -
3.填写项目信息
image.png -
4.Finish
image.png
效果预览
效果预览方法：
- Previewer 预览模式
- Local Emulator 本地模拟器
- Remote Emulator 远程模拟器
- Remote Device 远程真机
- Local Device 本地真机
推荐使用
- Previewer 预览 和 Local Emulator 本地模拟器；
- 尤其推荐使用
遥遥领先真机调试；
1.Previewer 预览
image.png
-
多设备预览
image.png
2.Local Emulator 本地模拟器
-
新建模拟器
image.png
一路 Next ...
-
启动模拟器
image.png 运行项目看效果
-
更改后每次需要（打包 → 卸载 → 安装 → 预览），有没有热更新或者刷新这种预览方式？
image.png
调试静态页面可以，一旦有了数据变化也需要重启，体验一般~ （学习需要耐心，期待 Next 做的更好~）
其他方式
- Remote Emulator 远程模拟器
- Remote Device 远程真机
- Local Device 本地真机
条件：
- 需要注册华为账号, 点这 https://developer.harmonyos.com/ 然后点击登录页面，去注册吧~
- 登录之后，需要自动生成签名信息，这个我们后面讲真机调试再给大家演示。
- 起步-工程结构
我们在哪里写代码？
image.png
了解App结构关系，等后面我们项目阶段来讲一些工程配置文件作用，现在你要知道：
entry 是一个 Module 应用包
entryability 是一个 UIAbility 包含用户界面的应用组件
pages 是页面
-
components 可以是组件
image.png
