1. 程式人生 > 程式設計 >淺析鴻蒙開發app支援JavaScript?上手HelloWorld,體驗究竟香不香

淺析鴻蒙開發app支援JavaScript?上手HelloWorld,體驗究竟香不香

第一步:下載開發工具 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的那一套程式碼,開發體驗就上來了!!!最後貼一波程式碼截圖,後面的深度體驗和開發後續上傳
在這裡插入圖片描述

在這裡插入圖片描述

總結

到此這篇關於淺析鴻蒙開發app支援JavaScript?上手HelloWorld,體驗究竟香不香的文章就介紹到這了,更多相關鴻蒙開發JavaScript內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!