想了解更多關于開源的內容，請訪問：

51CTO 開源基礎軟件社區

https://ost.51cto.com

前言

本篇將開啟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，如果你也遇到了軟件包版本的問題，希望能夠幫到大家。后面也會講解詳細的北向代碼，感謝支持！

想了解更多關于開源的內容，請訪問：

51CTO 開源基礎軟件社區

https://ost.51cto.com