1.下載安裝包

安裝包下載地址：
HUAWEI DevEco Studio和SDK下載和升級 | HarmonyOS開發(fā)者
https://developer.harmonyos.com/cn/develop/deveco-studio/#download

2.安裝

下載好后，打開安裝包，進(jìn)入安裝界面：

image.png

點(diǎn)擊Next，進(jìn)入安裝目錄選擇頁面（不要出現(xiàn)中文或特殊字符），可以走默認(rèn)路徑（但是C盤快滿了的不推薦，可以放在別的盤里面）：

image.png

點(diǎn)擊Next，進(jìn)入安裝選項(xiàng)頁面，按照如圖所示勾選即可：

image.png

點(diǎn)擊Next，進(jìn)入安裝頁，直接點(diǎn)擊Install：

image.png

耐心等待安裝完成：

image.png

選擇重啟電腦，F(xiàn)inish：

image.png

重啟完成后，會在桌面看到DevEco Studio的圖標(biāo)：

image.png

3.配置開發(fā)環(huán)境

雙擊啟動，進(jìn)入首次運(yùn)行的歡迎頁面：

image.png

選擇Agree，進(jìn)入配置導(dǎo)入頁面，選擇不導(dǎo)入任何配置：

image.png

選擇要安裝的Node.js和Ohpm位置，其中ohpm是Open Harmony Package Management的縮寫，也就是類似npm的包管理工具。這里有幾點(diǎn)注意事項(xiàng)：

• 如果電腦上已經(jīng)有Node.js，但是版本不一致，建議選擇讓工具重新安裝

• 如果電腦上已經(jīng)有Node.js，并且版本一致，可以選擇Local，指定node目錄即可

• 如果電腦上對Node.js做了一些特殊的options配置，建議先移除

配置目錄中不要出現(xiàn)中文、特殊字符，建議用默認(rèn)路徑

image.png

選擇Next后，進(jìn)入HarmonyOS的SDK安裝目錄選擇頁面，同樣注意不要出現(xiàn)中文和特殊字符，建議走默認(rèn)路徑：

image.png

選擇Next后，進(jìn)入?yún)f(xié)議頁面，全部選擇Accept：

image.png

選擇Next后，進(jìn)入SDK確認(rèn)信息頁面：

image.png

直接點(diǎn)擊Next安裝即可。

4.環(huán)境錯誤處理

在安裝的過程中，如果出現(xiàn)類似下面的錯誤：

image.png

一般就是因?yàn)槟惚镜卦镜腘ode.js配置異常導(dǎo)致的，建議清理環(huán)境變量中對于Node.js的配置之后再重試。

重試時無需重新安裝，而是再次打開DevEco Studio，點(diǎn)擊界面左下方的?按鈕：

image.png

選擇Diagnose Development Environment，即診斷開發(fā)環(huán)境選項(xiàng)，會進(jìn)入診斷頁面：

image.png

這里會提示安裝出現(xiàn)問題的選項(xiàng)，點(diǎn)擊異常項(xiàng)后面的set it up now即可重新安裝。

如果所有問題都已經(jīng)解決，最終重試后等待所有項(xiàng)都是 √ 即可：

image.png

當(dāng)然，官方文檔中也有更加詳細(xì)的示例說明：

配置開發(fā)環(huán)境-快速開始-DevEco Studio使用指南-工具-HarmonyOS應(yīng)用開發(fā)
https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

5.helloworld

開發(fā)鴻蒙應(yīng)用，需要先創(chuàng)建一個Project：

image.png

然后進(jìn)入創(chuàng)建應(yīng)用頁面，選擇應(yīng)用模板中的Empty Ability模板：

image.png

填寫項(xiàng)目信息，其中Project name、Bundle name、Save location都可以自定義：

image.png

點(diǎn)擊Finish完成創(chuàng)建。

如果安裝了殺毒軟件，可能會有攔截，建議點(diǎn)擊允許程序的所有操作：

image.png

最終開發(fā)界面如圖：

image.png

6.應(yīng)用預(yù)覽

創(chuàng)建好的應(yīng)用中已經(jīng)有了基礎(chǔ)代碼，我們以后開發(fā)后可以直接在工具中預(yù)覽頁面樣式。如圖：

點(diǎn)擊右側(cè)的previewer選項(xiàng)卡，即可看到預(yù)覽效果：

image.png

7.安裝模擬器

我們也可以利用設(shè)備模擬器來查看更真實(shí)的效果。不過需要先配置模擬器。

首先，選擇主菜單中的Tools，找到其中的Device Manager，即設(shè)備管理：

image.png

設(shè)備可以是遠(yuǎn)端設(shè)備，也可以是本地設(shè)備，我們以本地設(shè)備為例。

默認(rèn)本地沒有任何設(shè)備，選擇install來安裝一個：

image.png

首次點(diǎn)擊時，會彈出一個窗口，下載必要的SDK依賴：

image.png

等待一段時間的下載之后，選擇Finish。

進(jìn)入創(chuàng)建模擬器頁面，選擇New Emulator：

image.png

添加手機(jī)模擬器：

image.png

選擇api9版本，不過需要注意，首次進(jìn)入此頁面，需要下載手機(jī)設(shè)備需要的系統(tǒng)，大概2.2G，需要耐心等待：

image.png

下載完成后，才可以選中，然后點(diǎn)擊Next，進(jìn)入下一步：

image.png

finish：

image.png

創(chuàng)建完成后，在設(shè)備列表中會出現(xiàn)一個本地設(shè)備，點(diǎn)擊后面的運(yùn)行按鈕即可啟動設(shè)備模擬器：

image.png

啟動后如圖

image.png

然后，在應(yīng)用啟動位置選擇剛剛添加的模擬器：

image.png

點(diǎn)擊啟動，可以將應(yīng)用部署到模擬器：

image.png

效果與預(yù)覽類似：

image.png

至此，鴻蒙開發(fā)的DevEcoStudio就安裝完畢，接下來讀者就可以愉快地進(jìn)行開發(fā)了。