第一步:下載開發工具
Tips:小插曲
前面原本還想考慮下是否要去看鴻蒙os源代碼,讀點東西,然后上某乎裝一手,但是看到了它碼云上的開源倉庫,我…一個截圖,你們自己品吧
我只想說作為一個前端coder,打擾了,太難了
正式篇
- 要體驗它的app開發那第一步肯定是打開它的官網下載它的ide啦,點擊鴻蒙官網,它的界面是這樣的:

哈哈,還是挺漂亮的,有逼格,我都想模仿一波了,
- 接下來我們來下載它的開發工具看看,點擊HUAWEI DevEco Studio進入下載頁面:

乍一看還以為是idea,哈哈哈,后面去查了一下,果然是通過idea魔改來的,和androidstudio一樣,
后面就是下載ide和安裝程序,這里就不敘述了,因為我們今天的主題是體驗使用js開發鴻蒙應用呀
進入鴻蒙開發ide
進入第一個界面就是提示我要下載相應的SDK,而且貌似SDK他不能選擇下載路徑,只能安裝在C盤,我…

416m???最侄訓是在長時間的排查和洗掉資料,把c盤空出了1G記憶體存盤SDK,唉,沒錢啊,哪位兄弟支援支援,可以聯系本小編
打開了ide,它是長這樣子的:

貌似有點丑,哈哈哈哈
- 我們來創建一個應用看看
- 點擊create HarmonyOS Project 創建應用
- 選擇設備(tv或者穿戴設備)
- 這里我選擇的是tv,模板第一個

- 配置專案

- 創建完成

-
然后再依賴安裝中遇到了node版本問題,我的是v12.18.2,報錯無法找到xxxx模塊,我估摸著是版本問題,更新14.10.1就可以了
-
然后就是需要管理員權限打開編輯器,不然會爆權限不夠
-
下面是完成界面

-
點擊啟動,出現提示沒有設備
-
-
我們點擊選單欄的Tools安裝下SDK

- 然后就是需要登錄華為賬號,瀏覽器使用IE不知道為什么谷歌瀏覽器不行
- 成功之后的樣子

點擊啟動程式


啟動的程式頁面

END
開了下專案代碼以及啟動方式,視圖層是htm+css+js,應該是uniapp的那一套代碼,開發體驗就上來了!!!最后貼一波代碼截圖,后面的深度體驗和開發后續上傳

謝謝觀看
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/48048.html
標籤:其他
下一篇:HTML 標簽族


