鸿蒙应用开发初体验

一、鸿蒙应用开发-初体验
二、鸿蒙应用开发-基础组件
三、鸿蒙应用开发-组件样式
四、鸿蒙应用开发-组件构建函数
五、鸿蒙应用开发-组件组件状态共享
六、鸿蒙应用开发-应用状态存储（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/ 然后点击登录页面，去注册吧~
  • 登录之后，需要自动生成签名信息，这个我们后面讲真机调试再给大家演示。
  1. 起步-工程结构

我们在哪里写代码？

image.png

了解App结构关系，等后面我们项目阶段来讲一些工程配置文件作用，现在你要知道：

  • entry 是一个 Module 应用包

  • entryability 是一个 UIAbility 包含用户界面的应用组件

  • pages 是页面

  • components 可以是组件


    image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容