本篇文章將介紹下面7方面的內容
1.下載並安裝開發工具
2.啟動開發工具默認會下載SDK
3.登錄實名認證的開發者賬號
4.安裝開發語言(Java會默認安裝,如果要JS開發,需要手工安裝Node.js)
5.安裝默認沒有安裝的SDK(目前SDK有 JS、Java、Native)
6.創建項目
7.啟動模擬器
我的其他文章,可點擊我的頭像進行查看
原文可以到語雀去搜:鴻蒙,搜索結果排第一(目前),作者為:chatterzhao 的即為本文的出處,也可以用賬號:chatterzhao
進行搜索,那邊的文檔還有一些其他教程。文中鏈接有的不能直接打開,大家可以右鍵打開。
一、准備工作
開發環境
注意: •目前開發 IDE 分設備開發的和應用開發的,下載時注意區分 •目前只有
Windows版本,macOS版本准備中,截止2020.9.10,IDE 版本:應用開發的為2.0beta,設備開發的1.0 beta1
•下載的時候需要賬號,如果是華為手機,打開手機的設置,賬號里有掃碼,掃一掃即可登錄,如果你還沒有注冊開發者賬號,請注冊並實名認證(下載IDE需要賬號、開發時啟動模擬器必須要登錄實名了的賬號,注冊入口會順帶彈出)。更多安裝相關的教程請看:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415
1. 安裝 IDE
IDE 名字中的 DevEco 好像讀:戴微扣,僅供參考
設備開發 IDE:HUAWEI DevEco Device Tool
下載地址:https://device.harmonyos.com/cn/ide#download 智能設備(硬件)一站式集成開發環境,支持
HarmonyOS 組件按需定制、一鍵編譯和燒錄、可視化調試、分布式能力集成等,幫助開發者高效開發和創新新硬件
應用開發 IDE:HUAWEI DevEco Studio
下載鏈接:https://developer.harmonyos.com/cn/develop/deveco-studio#download
HUAWEI DevEco Studio(以下簡稱DevEco Studio)是基於IntelliJ IDEA
Community開源版本打造,面向華為終端全場景多設備的一站式集成開發環境(IDE),為開發者提供工程模板創建、開發、編譯、調試、發布等E2E的HarmonyOS應用開發服務。通過使用DevEco
Studio,開發者可以更高效的開發具備HarmonyOS分布式能力的應用,進而提升創新效率。
2.根據開發語言進行語言的安裝
開發鴻蒙平台的應用目前支持的開發語言:JS,JAVA,C/C++,Java語言已經默認跟隨 IDE安裝,如果要使用JS語言進行開發,需要手工安裝Node.js,否則不需要。
Node.js官網:https://nodejs.org/zh-cn/,建議下長期支持版,安裝很簡單就不說了。 JS
開發?大家跟我一樣可能會有很大的問號,這里來個鏈接先稍微解惑一下:https://www.yuque.com/chatterzhao/harmony/mkhygd
應用開發 IDE安裝完畢長這樣:

3.SDK安裝
需要用什么語言開發就安裝對應的SDK 如果要用JS 開發,為了下載 JS SDK 速度更快,可以在命令行執行: npm config set
registry https://mirrors.huaweicloud.com/repository/npm/


4.登錄開發者賬號
調試:預覽器,模擬器,遠程虛擬設備
•預覽器菜單:View -> Tool Windows -> Previewer(要進入到具體頁面編輯代碼,再去點菜單才顯示 Previewer
•模擬器菜單:入口1:Run -> Debug
'entry',入口2:View -> Tool Windows -> Simulator(需要入口 1 執行成功一次才有)
•遠程虛擬設備菜單:Tools ->HVD Manager(需要登錄已實名的賬號,留意使用時長限制) 點擊下面截圖的 HVD Manager
如果沒有登錄會使用默認瀏覽器打開登錄網址 或者點擊 DevEco Login 啟動登錄,如下圖





5.設置 IDE 的皮膚
這里設置為深色模式:file->Settings…->Appearance & Behavior->Appearance->Theme->HuaWei Dark Theme
6.設置 IDE 的字體
IDE軟件本身的字體,以下字體字號為個人喜好
這里啟用指定字體為Constantia,字號14:file->Settings…->Appearance & Behavior->Appearance->勾選 Use custom font->字體設置:Constantia,字號設置:14
7.設置 IDE 編輯器的字體
代碼字體,以下字體字號為個人喜好
這里啟用指定字體為Consolas,字號16:file->Settings…->Editor->Font->Font->字體設置:Consolas,字號設置:16(針對英文字體)
Fallback font(候選字體),這個我設置為 Monospaced(針對中文字體)
8.IDE 漢化
很多人說伴隨鴻蒙出生的 IDE
為什么出個開發工具是英文的,心里老不爽了,我覺得早期可以理解,本身華為現在很趕,我們開發者寫代碼什么的都是英文,全世界都一樣,使用英文可以通用。以后各個國家可以按自己的語言進行處理,就算沒這層關系,做成英文的也可以理解。注意它是基於 IntellJ 開發的,可能可以通過漢化 IntellJ 的方法漢化 DevEco Studio
二、官方文檔
IDE安裝/環境配置/入門/各開發語言對應的API-UI等等,官方文檔都有
鴻蒙官網:https://www.harmonyos.com/cn/home/
一切起步的地方,目前百度還搜不到官網,所以大家這樣記:鴻蒙OS.com,域名是英文即:harmonyos.com
讀音:harmony 英[ˈhɑːməni] 美 [ˈhɑːrməni]
n.
融洽;和睦;和聲;和諧;協調
開發文檔:https://developer.harmonyos.com/cn/documentation
開發環境更多安裝及配置相關的教程請看:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/software_install-0000001053582415
教程上說JS SDK默認沒有安裝,實際安裝了 注:目前支持 JS、JAVA、C/C++開發這幾種語言進行開發。JS
開發?大家跟我一樣可能會有很大的問號,這里來個鏈接先稍微解惑一下:https://www.yuque.com/chatterzhao/harmony/mkhygd,更多的了解請到這里:https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-file-0000000000611396
1.Java API,Native API,JS API文檔地址
2.Java UI、JS UI 文檔地址
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-overview-0000000000500404
三、社區
•51CTO:https://harmonyos.51cto.com/
•電子發燒友(硬件):https://bbs.elecfans.com/harmonyos
•華為開發者聯盟:https://developer.huawei.com/consumer/cn/forum/blockdisplay?fid=0101303901040230869
四、創建項目
現在可以創建電視跟穿戴設備的應用,我這里創建一個電視的空項目,就是第一個選項了,我選擇 JS 語言。
Create HarmonyOS Project 1:

Create HarmonyOS Project 2:

Create HarmonyOS Project 3:

Create HarmonyOS Project 4:

五、調試
預覽器,模擬器,遠程虛擬設備 •預覽器菜單:View -> Tool Windows ->
Previewer(要進入到具體頁面編輯代碼,再去點菜單才顯示 Previewer)•模擬器菜單:入口1:Run -> Debug 'entry',如口2:View -> Tool Windows ->
Simulator(需要入口 1 執行成功一次才有)•遠程虛擬設備菜單:Tools ->HVD Manager(需要登錄已實名的賬號,留意使用時長限制)

啟動遠程設備進行仿真測試
啟動遠程設備需要先登錄已經實名的開發者賬號(如果沒有登錄會自動在默認瀏覽器打開登錄頁面,如果用沒有實名的賬號登錄,是無法登錄成功的)
第一次啟動需要下載一些東西,會比較慢
截止2010.9.10對外的只有 TV 和穿戴




電視模式,遠程虛擬設備窗口不夠顯示,可以點設置進行修改顯示(點擊紅圈處)
HarmonyOS官方開發者論壇:
https://developer.huawei.com/consumer/cn/forum/blockdisplay?fid=0101303901040230869
原作者:chatterzhao
