深入鸿蒙OS开发：从环境搭建到真机调试全攻略，创建运行第一个鸿蒙项目

你好，HarmonyOS！

HarmonyOS是什么

HarmonyOS，中文称鸿蒙系统或鸿蒙OS。鸿蒙系统是华为推出的面向全场景的分布式操作系统。所谓面向全场景是指它将来不光是给予手机、平板搭载，而是会对诸如电脑、车机、手表、电视、音响、眼镜及各种家电家居等等多设备都能搭载的操作系统。这就是华为所宣导的全场景智慧生活战略1+8+N（手机+8种常用设备+万物，共同协作共同参与）。

HarmonyOS有哪些特点

对于普通用户而言，其实不需要关注技术上有哪些特点。HarmonyOS的特点，其实华为提炼出了三大特征：

一次开发，多端部署
可分可合，自由流转
统一生态，原生智能

一次开发，多端部署

即一个工程、一次开发上架，即可用于所有设备（开发者能根据功能按需部署）,搞过前端的开发者都知道，一套代码完美运行于多个设备有多么难；

前言解读

文档地址：学习ArkTS语言-基础入门 - 华为HarmonyOS开发者

开发模式

1. 基于ArkTs来进行声明式的UI开发规范，采用artTs语言来开发项目
2. 类Web的开发模式，采用传统前端HTML，css，js的开发模式，做鸿蒙开发编程就像是学习一个新的框架。

目前官方主推第一种ArkTS的开发模式，这种模式内容会更丰富，开发体验会更好。

应用模型

随着系统的演进发展，先后提供了两种应用模型：

1. FA(Feature Ability) 模型：目前主要采用JS的方式来开发项目，虽然目前还在维护，但是提供的开发内容相对于Stage模型会更少。

2. Stage模型：目前推荐使用这个模型开发项目，提供内容更加丰富，官方核心维护的模型，这个模型里面提供更加丰富的API和Kit能力。

环境搭建

安装注意事项：

1. 目前最近的beta版本工具，按照步骤一步一步往下运行就安装好了工具。
2. Node版本目前尽量用17以下的版本，node工具的镜像尽量用华为的镜像。

安装DevEcoStudio环境

1.进入官网，进行下载最新DevEco Studio：DevEco Studio-鸿蒙应用集成开发环境（IDE）-华为开发者联盟

下载最新版本

解压到文件夹，双击.exe文件

打开欢迎界面点击下一步

设置安装位置

安装选项全部勾选上后下一步

配置开始菜单

等待安装完成 , 需要解压 10G 左右的数据 。

安装完毕后 , 这里选择立刻重启系统

安装成功

双击图标启动，进行环境配置选项，这里悬着不导入任何环境配置，重新配置，再点击OK

是否统一分享本地开发数据，点击同意Agree

同意后，进入欢迎页面

因为DevEco Studio5.0版本已经自动帮我们的环境都配置好了（Node.js和npm都已经内置在里面了，无需我们安装配置，这为我们省去了不少步骤），诊断开发环境

DevEco Studio提供了开发环境诊断的功能。我们可以在欢迎页面的左侧单击 Diagnose 进行诊断。如果你已经打开了工程开发界面，也可以在菜单栏单击Help > Diagnostic Tools > Diagnose Development Environment，确保全部都是 √（即确保诊断无误）
启用中英文插件

搜索chinese，勾选上插件，点击Apply即可

提示重启即可生效

启用中文成功

创建helloworld项目

创建并运行helloWorld

创建项目：选择普通APP项目，选择第一个进行下一步next

下一步，项目名称及工作路径设置

点击finsh后成功创建一个项目

点击右侧预预览即可看到halloWorld

创建手机模拟器

创建模拟器：在移动或嵌入式应用开发中，拥有真实的设备可以更好地进行测试和调试，所以需要安装模拟器进行模拟真实设备的运行环境，此模拟器可以在不同的系统版本和设备类型上测试应用。

进入后，选择模拟器需要存放的位置，点击创建模拟器

下载最新即可

等待下载

安装node及npm环境，直通车

如果安装失败，则进行本地配置node和npm ，如下为我当前node及npm版本，node版本需要17以下。Node及npm安装直通车~

下载完成后，出现了垃圾桶的图标，点击完成即可

点击三角图标启动模拟器

点击后会给个弹窗，在Windows电脑上启动模拟器，提示未开启Hyper-V

首先打开控制面板 > 程序 > 程序与功能 > 启动或关闭Windows功能，找到并勾选“Hyper-V”、“Windows虚拟机监控程序平台”、“虚拟机平台”，点击确定并重启电脑。若勾选后启动模拟器仍然提示该错误，需要以管理员权限打开命令行窗口并执行：bcdedit /set hypervisorlaunchtype auto并重启电脑。
如上设置完成重启电脑，重新启动虚拟机即可

登录你的华为账号

登陆成功：

将helloworld运行到虚拟机上即可：

完成环境搭建~

项目结构

appScope：这个代表整个app配置，一般在最后打包的时候使用。
entru：这个代表项目中的一个模块，这个模块一般作为程序的主模块一个程序有很多模块。
oh_modules：这个文件夹相当于以前前端工程后里面node_modules，可以存放自己模块依赖也可以用来存放外部的模块。
entry/main：里面就是卡法需要用到的所有内容。
entry/main/ets：一般用于开发源代码，包括页面、组件、路由等等。
entry/main/resourse：这个文件夹里存放的是项目需要的资源文件。类似于前端工程assets文件夹。
需要自己额外创建的项目文件夹
main/ets
— apis：这个文件夹用于后续网络请求封装代码
— utils：用于封装项目开发工具
— libs：用于存放第三方的插件
— view：用于存放用到的组件
— pages：存放开发的页面
— viewmodel：存放数据和约束

##编写程序
ArkTS最大的特点就是基于TS的开发规则来设计的一种开发语言。里面涵盖了TS所有的规则，以及包含了ES5/6的语法规则。
开发鸿蒙项目：

1. 相当于再前端基础上继续学习一个新的框架和开发模式
2. 采用声明式的开发规范，在开发中结合ArkUI来进行页面构造布局，并使用封装好属性来进行页面样式渲染和布局优化。

ArkUI使用简单例子如下：

 Text(this.message)
 Button("修改Message").onClick((event:ClickEvent)=>{
    this.message = "2024-08-10"
 })

也可以不使用ArkUI组件，可以自己定义组件

@Component
export struct Header{
  build(){
    Column(){
      Text("我是头部组件")
    }
    .width("100%")
    .height("100%")
  }
}

index.ets中使用Header()使用组件

项目运行

项目的运行有三种方式

1. 预览器的模式，最简单最方便的方式，开发工具默认提供预览器，写完直接热更新，前期开发可以采用预览器来实现，到了后面要增加更多的功能到项目中，我们需要采用模拟器或者真机来调试，预览器有些API无法进行调试。
2. 模拟器的方式来开发，模拟器是开发项目必须用到的设备，目前在bata中，模拟器需要申请，目前官方只提供了手机端的模拟器，后续会提供更多的平台。后期模拟器可以提供很多种组合设备，比如手机+板，手机+tv，手机+手表等。
3. 提供真机调试：目前开发的版本HarmonyOs Next版本，所以要求华为设备，并搭载了最新的鸿蒙next系统，普通鸿蒙4.9或者4.2无法支持应用运行，要求真机必须开启USB调试模式，在用手机和电脑链接在开发工具中识别手机，其中还会涉及到签名信息等等。

项目运行调试

调试代码的功能：需要熟悉。
预览器无法支持进行断点调试，必须采用模拟器或者真机来调试代码，需要在代码指定的位置打个断点，然后运行到指定的位置即可断开。

调试代码过程中：
F8代表进入下一段代码，如果代码是调用函数，默认不会关注函数内部，只会得到结果。
F7代表进行下一段代码，如果当前这段代码是函数，默认进入函数内部进行调试。

初识鸿蒙就到这里啦，完结~