鴻蒙開發(fā)初體驗

作者：堅果

公眾號：“大前端之旅”

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

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

接下來開始正文

1.第一步，打開鏈接，點擊下載

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ā)者預覽版的開發(fā)能力，讓您嘗鮮體驗HarmonyOS 3.0.0最新功能，

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

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

3.運行已安裝的DevEco Studio，首次使用，請選擇Do not import settings，點擊OK。

進入配置向?qū)ы撁?#xff0c;設置npm registry，DevEco Studio已預置對應的倉，直接點擊Start using DevEco Studio進入下一步。

說明

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

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

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

等待OpenHarmony SDK及工具下載完成，點擊Finish，界面會進入到DevEco Studio歡迎頁。

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

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

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

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

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

  • F:\HarmonySdk\toolchains

  環(huán)境變量配置完成后，關閉并重啟DevEco Studio。

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

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

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

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

7.使用模擬器運行HelloWorld

DevEco Studio提供遠程模擬器和本地模擬器，本示例以遠程模擬器為例進行說明

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

在DevEco Studio菜單欄，點擊Tools > Device Manager。

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

說明

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

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

---

在設備列表中，選擇Phone設備P40，并點擊按鈕，運行模擬器。

點擊DevEco Studio工具欄中的按鈕運行工程，或使用默認快捷鍵Shift+F10（Mac為Control+R）運行工程。

---

8.已成功運行了第一個HarmonyOS應用/服務，

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

最后總結(jié)：

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

總結(jié)

以上是生活随笔為你收集整理的手把手教你安装鸿蒙和运行第一个Demo（js）版的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。