OpenHarmony北向探索[环境搭建篇]
前言
本篇将开启OpenHarmony北向探索，搭建开发环境，安装SDK
开发工具介绍
既然是做开发，开发工具少不了，OpenHarmony和HarmonyOS的北向开发使用的是同一个工具：HUAWEI DevEco Studio 支持一站式的分布式应用开发，支持分布式多段开发，分布式多段调试，多段模拟仿真。
作为一款开发工具，除了具有基本的代码开发、编译构建及调测等功能外，DevEco Studio还具有如下特点：
- 高效智能代码编辑：支持ArkTS、JS、C/C++等语言的代码高亮、代码智能补齐、代码错误检查、代码自动跳转、代码格式化、代码查找等功能，提升代码编写效率。
- 低代码可视化开发：丰富的UI界面编辑能力，支持自由拖拽组件和可视化数据绑定，可快速预览效果，所见即所得；同时支持卡片的零代码开发，降低开发门槛和提升界面开发效率。
- 多端双向实时预览：支持UI界面代码的双向预览、实时预览、动态预览、组件预览以及多端设备预览，便于快速查看代码运行效果。
- 多端设备模拟仿真：提供HarmonyOS本地模拟器，支持手机等设备的模拟仿真，便捷获取调试环境。
总体看上去这个开发工具还是很不错的，看了这张图，是不是又有很强烈的亲切感，和IntelliJ IDEA不能说很像，只能说是一摸一样，当然现在IntelliJ IDEA推出了新的UI界面。其实DevEco Studio就是基于IntelliJ IDEA Community开源版本打造的，为运行在HarmonyOS和OpenHarmony系统上的应用和服务一站式开发平台。
应用开发流程
应用开发流程一般分为以下四个步骤，本篇接下来会具体演示开发准备这一环节。
搭建开发环境流程
和我们南向开发使用到的DevEco Device Tool 再系统的支持上面有所不同。
Tool 支持的是windows 与 linux
studio支持的是window与mac
正当我以为我尘封许久的mac Air可以派上用场的时候...
好吧，大概是真的尘封久了，不太愿意为我服务，所以大家得勤劳一些，总不会有什么坏处。回归正题，下面我们就来在Windows系统上搭建我们的开发环境。具体的流程如下：
安装开发工具
官网链接：HUAWEI DevEco Studio Download
- 根据你的系统及芯片架构选择对应的开发工具，点击
Download
- 打开下载完成的程序，下面就是一些基本的安装软件流程
下面就是等待安装即可
点击Finish，完成安装
打开软件，就开始到了我们环境的搭建
如果你这个时候不小心关闭了这个界面，你就会直接跳过环境的搭建，并且在之后打开开发环境都不会出现环境搭建的界面。
这个情况下我们可以点击Setting中的Restore
点击ReStore and Restart 后关闭开发工具，自己再手动打开就发现，环境搭建的界面又出现了。
配置开发环境
- 首先是Basic Setup
需要添加Node.js 和 Ohpm。
Node.js应该不陌生，比如说在前端开发Vue框架的使用中就需要先预装Node.js
比较尴尬的就是，如果你当时装过，且是在官网装的，很可能装的就是18.16.0这个长期支持版本。而我们这个开发工具支持的Node.js 必须是v14.19.1及以上，且低于v17.0.0。
如果你忘了你的电脑Node.js版本或者不记得装没装了，可以打开终端输入以下命令进行查看。
node -v
我装的版本显然就过高了，所以需要重新装，如果你的Node.js装的比较早，版本刚好符合要求
，就可以直接把Node.js所在目录引用上去。
ohmp的话是一个包管理器，类似于npm。如果是首次接触鸿蒙的话，应该是没装过的。
还有一个需要注意的是，即将进行的安装过程是通过npm给我们安装的，npm的版本要求为6.14.16及以上
可以通过以下命令查看npm的版本
npm -v
也可以用以下命令安装指定版本的npm
npm i npm@6.14.16 -g
- SDK安装
我们先点击Next，直接跳入下一页
选择Accept即可
- Summary
这是一个总结，你可以看到所有你需要安装的环境，
点击Next等待他安装即可
报错分享
在安装的过程中也难免会出些意外，比如我出现了ArkTS安装的错误，也导致后面的SDK都没有进行安装，整个配置流程都中断了，还是挺头疼的。
其中报错信息指出，没有找到指定版本的@babel/parser v7.22.5，这个就是npm源的问题，我也在网上查询了相关的SDK安装失败的问题，大部分都是网络代理问题，包括官网也给出了JS SDK的解决方案：环境准备-DevEco Studio常见问题-常见问题-HarmonyOS应用开发 我这个恰好也不属于网络问题。最多就是给npm换源吧，我想着用用华为的，我其实一开始也不知道，IDE好像自带的华为源。
所以我既便手动换了，但是这个问题还是搞不定。我用了命令去查询了一下这个@babel/parser，发现他的最新版本只有7.22.3。
npm view @babel/parser
但是npm官网中，的确存在v7.22.5的这个版本。这个可能就是华为官方的镜像源没有更新了。
我索性就把镜像源的配置文件给删掉了，用了npm官方自己的源，也是成功看到了V7.22.5的存在，并且下载了下来。
最后，换回了npm的官方源，ArkTS的sdk也解决了。后面所有的SDK安装也迎刃而解了。
下面是最终的解决方法：
- 切换源
npm config set registry https://registry.npmjs.org/
- 清理缓存
npm cache clean --force
- 打开
Setting中的SDK，选择OpenHarmony，点击Edit
最后完成SDK后，我们来检测一下环境的搭建
诊断开发环境
DevEco Studio也自带基础环境检测功能
至此我们开发环境的搭建就完成了。
Hello,World
创建工程
熟悉的UI，回想起了刚刚学习JAVA的那个时候...
运行工程
我们先使用虚拟机，设置一下运行的Devices
启动我们的虚拟手机
这个时候我们返回IDE，运行工程
观察我们的虚拟手机
程序就在这里
初次体验这个虚拟手机，感觉还是挺有趣的。
结束语
本篇介绍了环境的搭建，包括一个bug分享，一般家庭网络中不会出现网络上的bug，如果你也遇到了软件包版本的问题，希望能够帮到大家。后面也会讲解详细的北向代码，感谢支持！
本文作者：stackor