HarmonyOS鸿蒙应用开发——安装与配置
本日脑子又抽风，前端转完学后端之后，本日大周末早上醒来忽然又想学鸿蒙了，刚好有个角逐需要用到鸿蒙，于是乎我就随便点开b站看了一下鸿蒙视频，然后立刻来写这篇博客，后续我的鸿蒙的博客可能会跳着、不连续地发布，因为我夹杂在后端跟鸿蒙地学习之间，所以可能会有点乱......视频学习来源于黑马的教程：01.开发准备-工具安装_哔哩哔哩_bilibili
一、何为鸿蒙？
这里直接跳过黑马的第一个视频，讲一大堆感觉像是华为的官方宣传片似的，简朴来说就是华为自主研发的操纵系统，基于【ArkTS】这种编程语言和【ArkUI】这个开发框架来进行开发的这么一个玩意，对于我们普通开发人员简朴来说，就是另一种移动应用开发（当然这么说禁绝确，鸿蒙不单单是软件，更重要是硬件开发），但是我们初学者这样明确够用了。
二、安装
鸿蒙的针对【ArkTS】语言开发的编译器叫【DevEco Studio】，那么我们要开始编程就要去官网安装它。
本身百度搜也行，点我网址：HarmonyOS应用开发工具与平台-鸿蒙开发-华为开发者同盟 也行，点到这个页面
https://i-blog.csdnimg.cn/blog_migrate/8f38edbd5737304b9a4a4df4ff4b497e.png
然后往下划，找到这里，点击【相识更多】
https://i-blog.csdnimg.cn/blog_migrate/47488b29ab7680fa02d6da354da91c68.png
然后进到这个页面，接着往下划
https://i-blog.csdnimg.cn/blog_migrate/66b908520fb25d245649b5f4aeff81ff.png
不停往下划到显示这样，然后根据本身的系统下载（本人是 Windows(64-bit) 的，背面我也都是按照这个系统来做演示）
https://i-blog.csdnimg.cn/blog_migrate/111273ef5d1153a7c2df2e67c881c766.png
下载好之后，解压，然后打开安装包，点击【Next >】
https://i-blog.csdnimg.cn/blog_migrate/26ee4096dbcc2090b8957933e62a9e99.png
然后
https://i-blog.csdnimg.cn/blog_migrate/44795decd97eaff80538be75bd62478f.png
然后
https://i-blog.csdnimg.cn/blog_migrate/5b6c13e54f67ed134ae9fe703afc8385.png
然后
https://i-blog.csdnimg.cn/blog_migrate/752e7d0ed08e59a6eb9a1462c9fc45b5.png
等候安装完毕
https://i-blog.csdnimg.cn/blog_migrate/f35eb7c90b113a7f8e141678079c1405.png
不影响，选不重启也行，然后【Finish】安装乐成
https://i-blog.csdnimg.cn/blog_migrate/296afc5268e7e3039a2456de53241902.png
然后桌面就多了一个软件
https://i-blog.csdnimg.cn/blog_migrate/21c3522186e3eebfcb9b86549f285d81.png
三、使用前的配置
双击编辑器图标，然后会弹出窗口，点击【Agree】
https://i-blog.csdnimg.cn/blog_migrate/c595e335d175bca9075e61aee0a39afd.png
然后
https://i-blog.csdnimg.cn/blog_migrate/9cce81995138734a74fbcbd87838d64f.png
然后注意
https://i-blog.csdnimg.cn/blog_migrate/6d046080b9f7b163a137a9c524199ab1.png
但是！！我发现我本身去调Node.js位置的时候......它变成了一个空文件夹，哈哈哈不知道为什么会这样，我直接心死了（直接配置前端的时候足足花一天时间配好的，全毁了），所以兄弟们，不管你有没有下载安装过Node，这里统一让华为帮你再安装一次......
（安装完之后检测可以发现，情况变量啥的也帮我们配好了）
https://i-blog.csdnimg.cn/blog_migrate/b948c3eabb05c6830b25e454ac757537.png
Ohpm的安装路径也是，这两个路径都不要有空格、中文、.、等候这些符号
https://i-blog.csdnimg.cn/blog_migrate/3f3b30cf4962391c01d484f8b1c87739.png
然后Sdk的路径也是一样，有题目就调
https://i-blog.csdnimg.cn/blog_migrate/5476acbce75480d6654b58360da3c6c6.png
然后
https://i-blog.csdnimg.cn/blog_migrate/8234bc89447dba9214a1ae8c0ca33a54.png
然后
https://i-blog.csdnimg.cn/blog_migrate/a1f4e26c8049ba7b6bb1704c0206c5c6.png
https://i-blog.csdnimg.cn/blog_migrate/09f1adcf7c9cc5a02c8ea434800b7941.png
末了要确保所有的依靠配置都安装好，不确定的话打开编译器下方的【Help】，安装好的话就满是绿色的勾，有哪一个不是的话就可以直接在这里再次选择安装，直到全都是绿色的勾为止
https://i-blog.csdnimg.cn/blog_migrate/d39138cb81760b8d79dd9b4b2111d9dd.png
四、使用DevEco Studio，并相识ArkTS语言
有过前端基础的兄弟们知道，基础前端语言就是三大件：HTML\CSS\JS，那么ArkTS语言则是集合他们三者
https://i-blog.csdnimg.cn/blog_migrate/73459fa0e1b298f592429effa855fe4c.png
并且【ArkTS】是基于【TypeScript】语言，而【TypeScript】语言又是基于【JavaScript】语言，并且增长了【静态范例定义】，总之就是更方便更高级
https://i-blog.csdnimg.cn/blog_migrate/3af15bcae2fd797e6394c63d7078a3fb.png
以前的前端写页面
https://i-blog.csdnimg.cn/blog_migrate/85a2cbe11673edb7f673f6e2fbb9ad3d.png
现在鸿蒙的，就这么简朴了
https://i-blog.csdnimg.cn/blog_migrate/e42a67a8243f5c780f43f12c2b0ace48.png
五、配置假造机
除了右边的模拟机运行检测，我们还可以用假造机进行测试，假造机会更贴切手机的结果，下面讲一下怎么配置
https://i-blog.csdnimg.cn/blog_migrate/8c596b934376a256182e2af38c5efef4.png
可以参考黑马的这个资料：Docs
1、首先，选择主菜单中的Tools，找到其中的Device Manager，即装备管理：
https://i-blog.csdnimg.cn/blog_migrate/507b49aecda75816266e7725ae8dbf8a.png
2、点中心
https://i-blog.csdnimg.cn/blog_migrate/66bb1a4995e7101511dabedd37bbfb9a.png
3、等候默认SDK下载
https://i-blog.csdnimg.cn/blog_migrate/2702f54a0c259fd7ca1f058a4efe2f5e.png
4、点这里
这里我提示一下，还是老样子，绝对绝对绝对绝对！！！路径不能包罗中文！！
(这是错的，我背面模拟器不停启动不了了)
https://i-blog.csdnimg.cn/blog_migrate/6e668af3cf45f47c97213e9d54a95f8d.png
（这是对的，模拟器背面可以正常启动）
https://i-blog.csdnimg.cn/blog_migrate/add56e5ac48edac8f2f443f5ae4dbbc3.png
（背面的图我就懒得改了，你们知道就行）
5、选择模拟器，默认的就行
https://i-blog.csdnimg.cn/blog_migrate/504fe82f278424954c863fe7e991388f.png
6、选择api9版本，不外需要注意，初次进入此页面，需要下载手机装备需要的系统，大概2.2G，需要耐烦等候：
https://i-blog.csdnimg.cn/blog_migrate/e6763192ce5b4b2259c64e2e33786597.png
https://i-blog.csdnimg.cn/blog_migrate/bebba7d71447a481449dbd552adbad29.png
https://i-blog.csdnimg.cn/blog_migrate/31a1cc0e1188cc3396facb051d0d4e3e.png
7、然后有了，点三角标
https://i-blog.csdnimg.cn/blog_migrate/818c03cd5b8a062312eb0eaaed31aed3.png
8、然后就有了
https://i-blog.csdnimg.cn/blog_migrate/6c2e3883687c6d3a9c4ab55300982bff.png
9、然后，在应用启动位置选择刚刚添加的模拟器：
https://i-blog.csdnimg.cn/blog_migrate/50352815d0ea4a66b4ada60b80a3b080.png
https://i-blog.csdnimg.cn/blog_migrate/718db479e161ab571b270228c965e32e.png
https://i-blog.csdnimg.cn/blog_migrate/4684868e4de903d4e30ada409f1b02bd.png
这一篇只是简朴介绍，下一篇开始正式代码语法编写
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]