文章內容轉載至[黑馬程序員Harmony開發教程]
1.下載安裝包
安裝包下載地址:
https://developer.harmonyos.com/cn/develop/deveco-studio/#download
可以根據自己的操作系統選擇對應版本下載。
2.安裝
下載好后,打開安裝包,進入安裝界面:
點擊Next,進入安裝目錄選擇頁面(不要出現中文或特殊字符),可以走默認路徑:
點擊Next,進入安裝選項頁面,按照如圖所示勾選即可:
點擊Next,進入安裝頁,直接點擊Install:
耐心等待安裝完成:
選擇重啟電腦,Finish:
重啟完成后,會在桌面看到DevEco Studio的圖標:
3.配置開發環境
雙擊啟動,進入首次運行的歡迎頁面:
選擇Agree,進入配置導入頁面,選擇不導入任何配置:
選擇要安裝的Node.js和Ohpm位置,其中ohpm是Open Harmony Package Management的縮寫,也就是類似npm的包管理工具。這里有幾點注意事項:
如果電腦上已經有Node.js,但是版本不一致,建議選擇讓工具重新安裝
如果電腦上已經有Node.js,并且版本一致,可以選擇Local,指定node目錄即可
如果電腦上對Node.js做了一些特殊的options配置,建議先移除
配置目錄中不要出現中文、特殊字符,建議用默認路徑
選擇Next后,進入HarmonyOS的SDK安裝目錄選擇頁面,同樣注意不要出現中文和特殊字符,建議走默認路徑:
選擇Next后,進入協議頁面,全部選擇Accept:
選擇Next后,進入SDK確認信息頁面:
直接點擊Next安裝即可。
4.環境錯誤處理
在安裝的過程中,如果出現類似下面的錯誤:
一般就是因為你本地原本的Node.js配置異常導致的,建議清理環境變量中對于Node.js的配置之后再重試。
重試時無需重新安裝,而是再次打開DevEco Studio,點擊界面左下方的?
按鈕:
選擇Diagnose Development Environment,即診斷開發環境選項,會進入診斷頁面:
這里會提示安裝出現問題的選項,點擊異常項后面的set it up now即可重新安裝。
如果所有問題都已經解決,最終重試后等待所有項都是 √ 即可:
當然,官方文檔中也有更加詳細的示例說明:
5.helloworld
開發鴻蒙應用,需要先創建一個Project:
然后進入創建應用頁面,選擇應用模板中的Empty Ability
模板:
填寫項目信息,其中Project name、Bundle name、Save location都可以自定義:
點擊Finish完成創建。
如果安裝了殺毒軟件,可能會有攔截,建議點擊允許程序的所有操作
:
最終開發界面如圖:
6.應用預覽
創建好的應用中已經有了基礎代碼,我們以后開發后可以直接在工具中預覽頁面樣式。如圖:
點擊右側的previewer選項卡,即可看到預覽效果:
7.安裝模擬器
我們也可以利用設備模擬器來查看更真實的效果。不過需要先配置模擬器。
首先,選擇主菜單中的Tools,找到其中的Device Manager,即設備管理:
設備可以是遠端設備
,也可以是本地設備
,我們以本地設備為例。
默認本地沒有任何設備,選擇install來安裝一個:
首次點擊時,會彈出一個窗口,下載必要的SDK依賴:
等待一段時間的下載之后,選擇Finish。
進入創建模擬器頁面,選擇New Emulator:
添加手機模擬器:
選擇api9版本,不過需要注意,首次進入此頁面,需要下載手機設備需要的系統,大概2.2G,需要耐心等待:
下載完成后,才可以選中,然后點擊Next,進入下一步:
finish:
創建完成后,在設備列表中會出現一個本地設備,點擊后面的運行按鈕即可啟動設備模擬器:
啟動后如圖:
然后,在應用啟動位置選擇剛剛添加的模擬器:
點擊啟動,可以將應用部署到模擬器:
效果與預覽類似: