深入鸿蒙OS开发：从环境搭建到真机调试全攻略，创建运行第一和鸿蒙项目
你好，HarmonyOS！https://i-blog.csdnimg.cn/direct/97ea70f7dd30442ab4be361ea411e81c.png
HarmonyOS是什么
HarmonyOS，中文称鸿蒙体系或鸿蒙OS。鸿蒙体系是华为推出的面向全场景的分布式操纵体系。所谓面向全场景是指它将来不光是给予手机、平板搭载，而是会对诸如电脑、车机、手表、电视、音响、眼镜及各种家电家居等等多设备都能搭载的操纵体系。这就是华为所宣导的全场景聪明生活战略1+8+N（手机+8种常用设备+万物，共同协作共同参与）。
HarmonyOS有哪些特点
对于平凡用户而言，实在不必要关注技术上有哪些特点。HarmonyOS的特点，实在华为提炼出了三大特征：
一次开发，多端摆设
可分可合，自由流转
统一生态，原生智能
一次开发，多端摆设
即一个工程、一次开发上架，即可用于全部设备（开发者能根据功能按需摆设）,搞过前端的开发者都知道，一套代码完美运行于多个设备有多么难；
前言解读
文档地址：学习ArkTS语言-基础入门 - 华为HarmonyOS开发者
开发模式
[*]基于ArkTs来举行声明式的UI开发规范，采用artTs语言来开发项目
[*]类Web的开发模式，采用传统前端HTML，css，js的开发模式，做鸿蒙开发编程就像是学习一个新的框架。
目前官方主推第一种ArkTS的开发模式，这种模式内容会更丰富，开发体验会更好。
应用模子
随着体系的演进发展，先后提供了两种应用模子：
[*] FA(Feature Ability) 模子：目前重要采用JS的方式来开发项目，虽然目前还在维护，但是提供的开发内容相对于Stage模子会更少。
[*] Stage模子：目前推荐使用这个模子开发项目，提供内容更加丰富，官方焦点维护的模子，这个模子内里提供更加丰富的API和Kit能力。
环境搭建
安装注意事项：
[*]目前近来的beta版本工具，按照步骤一步一步往下运行就安装好了工具。
[*]Node版本目前只管用17以下的版本，node工具的镜像只管用华为的镜像。
安装DevEcoStudio环境
1.进入官网，举行下载最新DevEco Studio：DevEco Studio-鸿蒙应用集成开发环境（IDE）-华为开发者同盟
https://i-blog.csdnimg.cn/direct/06bb318b180146e6b2a9f8e2bc40e7b5.png
下载最新版本
https://i-blog.csdnimg.cn/direct/17cd4682d99d4a04b75301019ebdce28.png
解压到文件夹，双击.exe文件
https://i-blog.csdnimg.cn/direct/f373d8ab76df4817afb36b59ac9bf983.png
打开接待界面点击下一步
https://i-blog.csdnimg.cn/direct/97439f2354c14820aec9aba95553983a.png
设置安装位置
https://i-blog.csdnimg.cn/direct/561954b2b64d498eb88c2a1d6c4059fa.png
安装选项全部勾选上后下一步
https://i-blog.csdnimg.cn/direct/d753d166474f471ea8c5ef47b9f9243a.png
设置开始菜单
https://i-blog.csdnimg.cn/direct/6433383faf074cada6b1278753da12a8.png
等待安装完成 , 必要解压 10G 左右的数据 。
https://i-blog.csdnimg.cn/direct/6b620b7ecff9436c94dcbab2b5bf5967.png
安装完毕后 , 这里选择立刻重启体系
https://i-blog.csdnimg.cn/direct/3a2e99ff1099455194c6e362b53d61f6.png
安装乐成
https://i-blog.csdnimg.cn/direct/c1a0b067ae5e4d4596414feaa75ab955.png
双击图标启动，举行环境设置选项，这里悬着不导入任何环境设置，重新设置，再点击OK
https://i-blog.csdnimg.cn/direct/38d5fe21fb3e41e0b95bf6c59d07e6cc.png
是否统一分享当地开发数据，点击同意Agree
https://i-blog.csdnimg.cn/direct/3b8dff9ad74e48dab3f2779878e57a61.png
同意后，进入接待页面
https://i-blog.csdnimg.cn/direct/e016b638236d44809ff48c25e247bdbc.png
因为DevEco Studio5.0版本已经主动帮我们的环境都设置好了（Node.js和npm都已经内置在内里了，无需我们安装设置，这为我们省去了不少步骤），诊断开发环境
https://i-blog.csdnimg.cn/direct/0216a5d9cb0e4c198f86a4eb2307856c.png
DevEco Studio提供了开发环境诊断的功能。我们可以在接待页面的左侧单击 Diagnose 举行诊断。如果你已经打开了工程开发界面，也可以在菜单栏单击Help > Diagnostic Tools > Diagnose Development Environment，确保全部都是 √（即确保诊断无误）
启用中英文插件
https://i-blog.csdnimg.cn/direct/73fde5eeee3d4c83a43d865e5fa69516.png
搜索chinese，勾选上插件，点击Apply即可
https://i-blog.csdnimg.cn/direct/a506b6438fc840ebac9253fee8dbef4b.png
提示重启即可生效
https://i-blog.csdnimg.cn/direct/d2ba247299594a8fb4bfa779ac7ec9c6.png
启用中文乐成
https://i-blog.csdnimg.cn/direct/fdd00ced26f749bebb57b069eee316ea.png
创建helloworld项目
创建并运行helloWorld
https://i-blog.csdnimg.cn/direct/bba00d38c5aa4bc8907c683aa10798e6.png
创建项目：选择平凡APP项目，选择第一个举行下一步next
https://i-blog.csdnimg.cn/direct/d08fbbbcd4614c50958b27d3ba0efc2b.png
下一步，项目名称及工作路径设置
https://i-blog.csdnimg.cn/direct/72c6ddc0fb624e1e9603348984a84057.png
点击finsh后乐成创建一个项目
https://i-blog.csdnimg.cn/direct/0fecdc851ff146bbb376920a6071ad75.png
点击右侧预预览即可看到halloWorld
https://i-blog.csdnimg.cn/direct/98767096051044e591a3236063b45e9a.png
创建手机模仿器
创建模仿器：在移动或嵌入式应用开发中，拥有真实的设备可以更好地举行测试和调试，以是必要安装模仿器举行模仿真实设备的运行环境，此模仿器可以在不同的体系版本和设备类型上测试应用。
https://i-blog.csdnimg.cn/direct/b2f1a9be9b5847e586ba3a2f77e72898.png
进入后，选择模仿器必要存放的位置，点击创建模仿器
https://i-blog.csdnimg.cn/direct/0c45c9cbdcae469b8cf94dabc29a45b1.png
下载最新即可
https://i-blog.csdnimg.cn/direct/6890d045d1774e2eb048646492b300ce.png
等待下载
https://i-blog.csdnimg.cn/direct/712074f4018b40b8818349961718cf07.png
安装node及npm环境，直通车
如果安装失败，则举行当地设置node和npm ，如下为我当前node及npm版本，node版本必要17以下。Node及npm安装直通车~
https://i-blog.csdnimg.cn/direct/3395db43005b4740b904195ae0bbeff9.png
下载完成后，出现了垃圾桶的图标，点击完成即可
https://i-blog.csdnimg.cn/direct/a5fbd86129cf41928ff903bc19ce8438.png
点击三角图标启动模仿器
https://i-blog.csdnimg.cn/direct/b8f2e24d94e84ba1bb00354fb2961fda.png
点击后会给个弹窗，在Windows电脑上启动模仿器，提示未开启Hyper-V
https://i-blog.csdnimg.cn/direct/45a64360e7ed498fbaa0b87ef4578913.png
起首打开控制面板 > 步调 > 步调与功能 > 启动或关闭Windows功能，找到并勾选“Hyper-V”、“Windows假造机监控步调平台”、“假造机平台”，点击确定并重启电脑。若勾选后启动模仿器仍然提示该错误，必要以管理员权限打开命令行窗口并实行：bcdedit /set hypervisorlaunchtype auto并重启电脑。
如上设置完成重启电脑，重新启动假造机即可
https://i-blog.csdnimg.cn/direct/652368cad6894b44b1f8a8b877a12262.png
登录你的华为账号
https://i-blog.csdnimg.cn/direct/c6a3ba1ced5e498caacc49c54f85a6bb.png
登陆乐成：
https://i-blog.csdnimg.cn/direct/900bb6d6e38a49c49c40c519f0b9deaa.png
将helloworld运行到假造机上即可：
https://i-blog.csdnimg.cn/direct/b7e90b8331a941c597bb4f2f69a11ae8.png
完成环境搭建~
项目结构
https://i-blog.csdnimg.cn/direct/744d0c1082af4fccbc0c7790e112672d.png
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的语法规则。
开发鸿蒙项目：
[*]相称于再前端基础上继续学习一个新的框架和开发模式
[*]采用声明式的开发规范，在开发中连合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()使用组件
https://i-blog.csdnimg.cn/direct/d4a4cb5a851d466db14e2890701d4f3b.png
项目运行
项目的运行有三种方式
[*]预览器的模式，最简朴最方便的方式，开发工具默认提供预览器，写完直接热更新，前期开发可以采用预览器来实现，到了背面要增加更多的功能到项目中，我们必要采用模仿器大概真机来调试，预览器有些API无法举行调试。
[*]模仿器的方式来开发，模仿器是开发项目必须用到的设备，目前在bata中，模仿器必要申请，目前官方只提供了手机端的模仿器，后续会提供更多的平台。后期模仿器可以提供很多种组合设备，比如手机+板，手机+tv，手机+手表等。
[*]提供真机调试：目前开发的版本HarmonyOs Next版本，以是要求华为设备，并搭载了最新的鸿蒙next体系，平凡鸿蒙4.9大概4.2无法支持应用运行，要求真机必须开启USB调试模式，在用手机和电脑链接在开发工具中识别手机，此中还会涉及到签名信息等等。
项目运行调试
调试代码的功能：必要认识。
预览器无法支持举行断点调试，必须采用模仿器大概真机来调试代码，必要在代码指定的位置打个断点，然后运行到指定的位置即可断开。
https://i-blog.csdnimg.cn/direct/cd0702ad1a364969aa3196323b5fea95.png
调试代码过程中：
F8代表进入下一段代码，如果代码是调用函数，默认不会关注函数内部，只会得到结果。
F7代表举行下一段代码，如果当前这段代码是函数，默认进入函数内部举行调试。
初识鸿蒙就到这里啦，完结~
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]