華為鴻蒙OS的環(huán)境搭建和初體驗

華為云享專家，InfoQ簽約作者，阿里云專家博主，51CTO博客首席體驗官，開源項目GVA成員之一，專注于大前端技術(shù)的分享，包括Flutter,小程序,安卓，VUE，JavaScript。

在體驗之前，大家可以先看這張圖，然后按圖索驥，不過不會在這個教程教如何如何安裝nodejs，

接下來開始正文

1.第一步，打開鏈接，點(diǎn)擊下載

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

目前最新版本

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

兩個版本都可以下載，看你自己需要

Release版本提供更穩(wěn)定的功能特性，

Beta版本提供了支持HarmonyOS 3.0.0 開發(fā)者預(yù)覽版的開發(fā)能力，讓您嘗鮮體驗HarmonyOS 3.0.0最新功能，

下載到本地之后雙擊exe可執(zhí)行文件

2.一路next，在這步記得勾選，這樣后續(xù)開發(fā)比較方便。至于為什么鴻蒙不支持vs和as開發(fā)，大家可以自己去探究。

3.運(yùn)行已安裝的DevEco Studio，首次使用，請選擇Do not import settings，點(diǎn)擊OK。

進(jìn)入配置向?qū)ы撁?，設(shè)置npm registry，DevEco Studio已預(yù)置對應(yīng)的倉，直接點(diǎn)擊Start using DevEco Studio進(jìn)入下一步。

說明

如果配置向?qū)Ы缑娉霈F(xiàn)的是設(shè)置Set up HTTP Proxy界面，說明網(wǎng)絡(luò)受限，請根據(jù)參考信息配置DevEco Studio代理、NPM代理和Gradle代理后，再下載HarmonyOS SDK。

DevEco Studio向?qū)е敢_發(fā)者下載SDK，默認(rèn)下載OpenHarmony SDK。SDK下載到user目錄下，也可以指定對應(yīng)的存儲路徑，SDK存儲路徑不支持中文字符，然后點(diǎn)擊Next。

在彈出的SDK下載信息頁面，點(diǎn)擊Next，并在彈出的License Agreement窗口，點(diǎn)擊Accept開始下載SDK。

等待OpenHarmony SDK及工具下載完成，點(diǎn)擊Finish，界面會進(jìn)入到DevEco Studio歡迎頁。

4.配置HDC工具環(huán)境變量

HDC是為開發(fā)者提供HarmonyOS應(yīng)用/服務(wù)的調(diào)試工具，為方便使用HDC工具，請為HDC工具及其端口號設(shè)置環(huán)境變量。

Windows環(huán)境變量設(shè)置方法：

在此電腦 > 屬性 > 高級系統(tǒng)設(shè)置 > 高級 > 環(huán)境變量中，添加HDC端口變量名為：HDC_SERVER_PORT，變量值設(shè)置為7035。

在path變量中，添加HDC工具路徑，HDC工具路徑為：HarmonyOS SDK安裝目錄/toolchains。

F:\HarmonySdk\toolchains

5.創(chuàng)建和運(yùn)行Hello World

打開DevEco Studio，在歡迎頁點(diǎn)擊Create Project，創(chuàng)建一個新工程，選擇js的方式，目前支持的有js，java和c++，這方面看自己的喜好。

6.填寫工程相關(guān)信息，Device Type選擇Phone，其他保持默認(rèn)值即可，點(diǎn)擊Finish。關(guān)于各個參數(shù)的詳細(xì)介紹，

工程創(chuàng)建完成后，DevEco Studio會自動進(jìn)行工程的同步，同步成功如下圖所示。

7.使用模擬器運(yùn)行HelloWorld

DevEco Studio提供遠(yuǎn)程模擬器和本地模擬器，本示例以遠(yuǎn)程模擬器為例進(jìn)行說明

DevEco Studio提供模擬器供開發(fā)者運(yùn)行和調(diào)試HarmonyOS應(yīng)用/服務(wù)。

在DevEco Studio菜單欄，點(diǎn)擊Tools > Device Manager。

在Remote Emulator頁簽中點(diǎn)擊Login，在瀏覽器中彈出華為開發(fā)者聯(lián)盟帳號登錄界面，請輸入已實名認(rèn)證的華為開發(fā)者聯(lián)盟帳號的用戶名和密碼進(jìn)行登錄（查看遠(yuǎn)程模擬器登錄常見問題）。

說明

推薦使用最新版本Chrome瀏覽器，如果使用Safari、360等其他瀏覽器，要取消阻止跨站跟蹤和阻止所有Cookie功能。

登錄后，請點(diǎn)擊界面的允許按鈕進(jìn)行授權(quán)。

在設(shè)備列表中，選擇Phone設(shè)備P40，并點(diǎn)擊

按鈕，運(yùn)行模擬器。

點(diǎn)擊DevEco Studio工具欄中的

按鈕運(yùn)行工程，或使用默認(rèn)快捷鍵Shift+F10（Mac為Control+R）運(yùn)行工程。

8.已成功運(yùn)行了第一個HarmonyOS應(yīng)用/服務(wù)，

到此華為鴻蒙os 的環(huán)境搭建和初體驗就講完了

最后總結(jié)：

作為一枚Flutter開發(fā)程序員，第一點(diǎn)，第一次上手這個IDE和語言環(huán)境還是比較順利的 基本能看懂 具體的還要看官網(wǎng)文檔和api使用情況，沒有具體去深入寫， 個人看法學(xué)起來應(yīng)該不難，第二點(diǎn)，如果有空了解和學(xué)習(xí)鴻蒙OS開發(fā) 沒有壞處 ，不要等到書到用書方恨少 那就不好了 ，有興趣的同學(xué)可以根據(jù)教程安裝開發(fā)環(huán)境學(xué)習(xí)和了解 ，最后希望我的文章能幫助到各位解決問題 。

審核編輯：湯梓紅