Harmony學習第一課(環境和IDE)

Harmony.jpeg

文章內容轉載至[黑馬程序員Harmony開發教程]

1.下載安裝包

安裝包下載地址:

https://developer.harmonyos.com/cn/develop/deveco-studio/#download

可以根據自己的操作系統選擇對應版本下載。

2.安裝

下載好后,打開安裝包,進入安裝界面:

image.png

點擊Next,進入安裝目錄選擇頁面(不要出現中文或特殊字符),可以走默認路徑:

image.png

點擊Next,進入安裝選項頁面,按照如圖所示勾選即可:

image.png

點擊Next,進入安裝頁,直接點擊Install:

image.png

耐心等待安裝完成:

image.png

選擇重啟電腦,Finish:

image.png

重啟完成后,會在桌面看到DevEco Studio的圖標:

image.png

3.配置開發環境

雙擊啟動,進入首次運行的歡迎頁面:

image.png

選擇Agree,進入配置導入頁面,選擇不導入任何配置:

image.png

選擇要安裝的Node.js和Ohpm位置,其中ohpm是Open Harmony Package Management的縮寫,也就是類似npm的包管理工具。這里有幾點注意事項:

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

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

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

  • 配置目錄中不要出現中文、特殊字符,建議用默認路徑

image.png

選擇Next后,進入HarmonyOS的SDK安裝目錄選擇頁面,同樣注意不要出現中文和特殊字符,建議走默認路徑:

image.png

選擇Next后,進入協議頁面,全部選擇Accept:

image.png

選擇Next后,進入SDK確認信息頁面:

image.png

直接點擊Next安裝即可。

4.環境錯誤處理

在安裝的過程中,如果出現類似下面的錯誤:

image.png

一般就是因為你本地原本的Node.js配置異常導致的,建議清理環境變量中對于Node.js的配置之后再重試。

重試時無需重新安裝,而是再次打開DevEco Studio,點擊界面左下方的?按鈕:

image.png

選擇Diagnose Development Environment,即診斷開發環境選項,會進入診斷頁面:

image.png

這里會提示安裝出現問題的選項,點擊異常項后面的set it up now即可重新安裝。

如果所有問題都已經解決,最終重試后等待所有項都是 √ 即可:

image.png

當然,官方文檔中也有更加詳細的示例說明:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

5.helloworld

開發鴻蒙應用,需要先創建一個Project:

image.png

然后進入創建應用頁面,選擇應用模板中的Empty Ability模板:

image.png

填寫項目信息,其中Project name、Bundle name、Save location都可以自定義:

image.png

點擊Finish完成創建。

如果安裝了殺毒軟件,可能會有攔截,建議點擊允許程序的所有操作

image.png

最終開發界面如圖:

image.png

6.應用預覽

創建好的應用中已經有了基礎代碼,我們以后開發后可以直接在工具中預覽頁面樣式。如圖:

點擊右側的previewer選項卡,即可看到預覽效果:

image.png

7.安裝模擬器

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

首先,選擇主菜單中的Tools,找到其中的Device Manager,即設備管理:

image.png

設備可以是遠端設備,也可以是本地設備,我們以本地設備為例。

默認本地沒有任何設備,選擇install來安裝一個:

image.png

首次點擊時,會彈出一個窗口,下載必要的SDK依賴:

image.png

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

進入創建模擬器頁面,選擇New Emulator:

image.png

添加手機模擬器:

image.png

選擇api9版本,不過需要注意,首次進入此頁面,需要下載手機設備需要的系統,大概2.2G,需要耐心等待:

image.png

下載完成后,才可以選中,然后點擊Next,進入下一步:

image.png

finish:

image.png

創建完成后,在設備列表中會出現一個本地設備,點擊后面的運行按鈕即可啟動設備模擬器:

image.png

啟動后如圖:

image.png

然后,在應用啟動位置選擇剛剛添加的模擬器:

image.png

點擊啟動,可以將應用部署到模擬器:

image.png

效果與預覽類似:

image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,702評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,143評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,553評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,620評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,416評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,940評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,024評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,170評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,709評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,597評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,784評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,291評論 5 357
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,029評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,407評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,663評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,403評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,746評論 2 370

推薦閱讀更多精彩內容