初识鸿蒙开发

前端鸿蒙开发介绍

1. 发展历程

2019年10月，华为鸿蒙操作系统（HarmonyOS）正式发布1.0版本。

它是一款面向万物互联的全场景分布式操作系统。

2020年9月10日18:18 鸿蒙 OS 的代码正式开放，对应的也开放了有关的文档，开发工具等等，有了这些开发者可以进行demo的开发。

2021年4月22日，华为鸿蒙 HarmonyOS 应用开发在线体验网站上线   。5月18日，华为宣布华为HiLink将与Harmony OS统一为鸿蒙智联  。

2021年6月2日晚，华为正式发布HarmonyOS 2及多款搭载HarmonyOS 2的新产品（其中有，手环，手机，智慧屏）。

2021年的开发者大会上，华为推出了HarmonyOS 3.0开发者预览版，帮助开发者打造全场景应用服务。

2023年华为开发者大会HarmonyOS 4.0正式发布，并宣布在后续版本将不在支持安卓

1. 开发环境配置

2.1软件下载

https://developer.harmonyos.com/cn/develop/deveco-studio#download

无脑下一步安装即可

2.2下载SDK及工具链

首次启动DevEco Studio的配置向导

1.运行已安装的DevEco Studio，首次使用，请选择Do not import settings，单击OK。

2.安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm（Node.js版本要求为v14.19.1及以上，且低于v17.0.0；对应的npm版本要求为6.14.16及以上）路径位置；如果本地没有合适的版本，可以选择Install按钮，选择下载源和存储路径后，进行在线下载，单击Next进入下一步。

3.在SDK Setup界面，单击按钮，设置HarmonyOS SDK存储路径，单击Next进入下一步

1. 在弹出的SDK下载信息页面，单击Next，并在弹出的License Agreement窗口，阅读License协议，需同意License协议后，单击Next。

创建项目

1. Project name：工程的名称，可以自定义，由大小写字母、数字和下划线组成。
2. Bundle name：标识应用的包名，用于标识应用的唯一性。
3. Save location：工程文件本地存储路径，由大小写字母、数字和下划线等组成，不能包含中文字符。
4. Compile SDK：应用/服务的目标API Version，在编译构建时，DevEco Studio会根据指定的Compile API版本进行编译打包。
5. Model：应用支持的模式，API Version 4~8只支持FA模式。
6. Enable Super Visual：支持低代码开发模式，部分模板支持低代码开发，可选择打开该开关。
7. Language：开发语言。
8. Compatible SDK：兼容的最低API Version。
9. Device type：该工程模板支持的设备类型。

单击Finish，工具会自动生成示例代码和相关资源，等待工程创建完成。

├──entry/src/main

│ ├──cpp // C++代码区

│ │ ├──types // 接口存放目录

│ │ │ └──libentry

│ │ │ ├──index.d.ts // 接口文件

│ │ │ └──oh-package.json5 // 接口注册配置文件

│ │ ├──CMakeLists.txt // CMake打包配置文件

│ │ └──hello.cpp // C++源代码

│ ├──ets // ets代码区

│ │ ├──common

│ │ │ ├──bean

│ │ │ │ └──ItemData.ets // 数据源bean类

│ │ │ ├──constants

│ │ │ │ ├──CommonConstants.ets // 常量类

│ │ │ │ └──StyleConstants.ets // 格式常量类

│ │ │ ├──data

│ │ │ │ └──SourceData.ets // 数据源

│ │ │ └──utils

│ │ │ ├──CommonUtils.ets // 数据操作工具类

│ │ │ ├──Logger.ets // 日志打印工具类

│ │ │ └──MultipleDevicesUtils.ets // 媒体查询工具类

│ │ ├──entryability

│ │ │ └──EntryAbility.ets // 程序入口类

│ │ ├──pages

│ │ │ ├──LoginPage.ets // 登录页面

│ │ │ └──MainPage.ets // 主页面

│ │ ├──view

│ │ │ ├──HomePage.ets // 自定义首页组件

│ │ │ └──MinePage.ets // 自定义我的组件

│ │ └──viewmodel

│ │ └──MainViewModel.ets // 主界面视图Model

│ └──resources // 资源文件目录

└──entry/src/ohosTest

├──ets // 测试代码区

│ ├──test

│ │ ├──Ability.test.ets // Ability单元测试

│ │ ├──List.test.ets // 集成测试类

│ │ └──LoginFunction.test.ets // 登录校验单元测试

│ ├──testability

│ │ ├──pages

│ │ │ └──Index.ets // 测试程序首页

│ │ └──TestAbility.ets // 测试程序入口类

│ └──testrunner

│ └──OpenHarmonyTestRunner.ts // 测试运行类

└──resources // 测试资源文件目录

运行

登录

注册账号(https://developer.huawei.com/)

登录成功后可以看到调试设备

选择对应的手机运行即可

2.3官方文档（https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3?catalogVersion=V3）