淺析鴻蒙開發(fā)app支持JavaScript?上手HelloWorld,體驗(yàn)究竟香不香
第一步:下載開發(fā)工具 Tips:小插曲
前面原本還想考慮下是否要去看鴻蒙os源代碼,讀點(diǎn)東西,然后上某乎裝一手,但是看到了它碼云上的開源倉(cāng)庫(kù),我…一個(gè)截圖,你們自己品吧
我只想說(shuō)作為一個(gè)前端coder,打擾了,太難了
正式篇 要體驗(yàn)它的app開發(fā)那第一步肯定是打開它的官網(wǎng)下載它的ide啦,點(diǎn)擊鴻蒙官網(wǎng),它的界面是這樣的:
哈哈,還是挺漂亮的,有逼格,我都想模仿一波了。
接下來(lái)我們來(lái)下載它的開發(fā)工具看看,點(diǎn)擊HUAWEI DevEco Studio進(jìn)入下載頁(yè)面:
乍一看還以為是idea,哈哈哈,后面去查了一下,果然是通過(guò)idea魔改來(lái)的,和androidstudio一樣。
后面就是下載ide和安裝過(guò)程,這里就不敘述了,因?yàn)槲覀兘裉斓闹黝}是體驗(yàn)使用js開發(fā)鴻蒙應(yīng)用呀
進(jìn)入鴻蒙開發(fā)ide
進(jìn)入第一個(gè)界面就是提示我要下載相應(yīng)的SDK,而且貌似SDK他不能選擇下載路徑,只能安裝在C盤,我…
416m???最終還是在長(zhǎng)時(shí)間的排查和刪除數(shù)據(jù),把c盤空出了1G內(nèi)存存儲(chǔ)SDK,唉,沒(méi)錢啊,哪位兄弟支援支援,可以聯(lián)系本小編
打開了ide,它是長(zhǎng)這樣子的:
- 貌似有點(diǎn)丑,哈哈哈哈
- 我們來(lái)創(chuàng)建一個(gè)應(yīng)用看看
- 點(diǎn)擊create HarmonyOS Project 創(chuàng)建應(yīng)用
- 選擇設(shè)備(tv或者穿戴設(shè)備)
- 這里我選擇的是tv,模板第一個(gè)
配置項(xiàng)目
創(chuàng)建完成
- 然后再依賴安裝中遇到了node版本問(wèn)題,我的是v12.18.2,報(bào)錯(cuò)無(wú)法找到xxxx模塊,我估摸著是版本問(wèn)題,更新14.10.1就可以了
- 然后就是需要管理員權(quán)限打開編輯器,不然會(huì)爆權(quán)限不夠
- 下面是完成界面
點(diǎn)擊啟動(dòng),出現(xiàn)提示沒(méi)有設(shè)備
-
我們點(diǎn)擊菜單欄的Tools安裝下SDK
- 然后就是需要登錄華為賬號(hào),瀏覽器使用IE不知道為什么谷歌瀏覽器不行
- 成功之后的樣子
點(diǎn)擊啟動(dòng)程序
啟動(dòng)的程序頁(yè)面
END
開了下項(xiàng)目代碼以及啟動(dòng)方式,視圖層是htm+css+js,應(yīng)該是uniapp的那一套代碼,開發(fā)體驗(yàn)就上來(lái)了?。。∽詈筚N一波代碼截圖,后面的深度體驗(yàn)和開發(fā)后續(xù)上傳
總結(jié)
到此這篇關(guān)于淺析鴻蒙開發(fā)app支持JavaScript?上手HelloWorld,體驗(yàn)究竟香不香的文章就介紹到這了,更多相關(guān)鴻蒙開發(fā)JavaScript內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- 華為鴻蒙系統(tǒng)應(yīng)用開發(fā)工具 DevEco Studio的安裝和使用圖文教程
- 華為鴻蒙DevEco studio2.0的安裝和hello world運(yùn)行教程
- 鴻蒙HAIWEI DevEco Studio安裝配置運(yùn)行Hello World的實(shí)現(xiàn)
- 鴻蒙OS運(yùn)行第一個(gè)“hello world”
- 鴻蒙OS開發(fā)環(huán)境搭建之DevEco Studio IDE下載安裝過(guò)程詳解
- 鴻蒙系統(tǒng)中的 JS 開發(fā)框架
- 淺析鴻蒙基礎(chǔ)之Permanent 持久性內(nèi)存對(duì)象(HarmonyOS鴻蒙開發(fā)基礎(chǔ)知識(shí))
- 鴻蒙開發(fā)之處理圖片位圖操作的方法詳解(HarmonyOS鴻蒙開發(fā)基礎(chǔ)知識(shí))
- 深入淺析華為鴻蒙IDE安裝與Hello World
- 解析鴻蒙輕內(nèi)核靜態(tài)內(nèi)存的使用
相關(guān)文章
如何解決Windows的80端口被System進(jìn)程占用問(wèn)題
這篇文章主要介紹了如何解決Windows的80端口被System進(jìn)程占用問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09無(wú)引導(dǎo)設(shè)備No boot device available 常見解決方法
一般是啟動(dòng)硬盤有問(wèn)題,或啟動(dòng)文件損壞,可以先用光盤啟動(dòng)看能否啟動(dòng),以排除其它硬件問(wèn)題,即確定是硬盤問(wèn)題,如果cmos禁止了硬盤啟動(dòng)也可能出現(xiàn)這個(gè)問(wèn)題,可以解決2008-01-01windows10打開switchHost 提示無(wú)修改權(quán)限問(wèn)題解決
這篇文章主要介紹了windows10打開switchHost,提示無(wú)修改權(quán)限問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09鴻蒙HarmonyO開發(fā)實(shí)戰(zhàn)-Web組件中的Cookie及數(shù)據(jù)存儲(chǔ)
Cookie是一種存儲(chǔ)在用戶計(jì)算機(jī)上的小文本文件,用于在用戶訪問(wèn)網(wǎng)站時(shí)存儲(chǔ)和提取信息,它由網(wǎng)站服務(wù)器發(fā)送到用戶的瀏覽器,并存儲(chǔ)在用戶的計(jì)算機(jī)上,每當(dāng)用戶訪問(wèn)該網(wǎng)站時(shí),瀏覽器將發(fā)送該Cookie回服務(wù)器,以用于識(shí)別用戶和存儲(chǔ)用戶的首選項(xiàng)和其他信息2024-06-06鴻蒙開發(fā)之Button按鈕類型及如何通過(guò)代碼設(shè)置(HarmonyOS鴻蒙開發(fā)基礎(chǔ)知識(shí))
這篇文章主要介紹了鴻蒙開發(fā)之Button按鈕類型及如何通過(guò)代碼設(shè)置(HarmonyOS鴻蒙開發(fā)基礎(chǔ)知識(shí)),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09系統(tǒng)定時(shí)啟動(dòng)服務(wù)2種實(shí)現(xiàn)方法
系統(tǒng)定時(shí)啟動(dòng)服務(wù):在規(guī)定的時(shí)間內(nèi)運(yùn)行指定的服務(wù),下面與大家分享下2種實(shí)現(xiàn)方法,感興趣的朋友可以參考下哈2013-06-06制作純凈版的ghost系統(tǒng)的注意事項(xiàng)
制作純凈版的ghost系統(tǒng)的注意事項(xiàng)...2007-03-03windows 系統(tǒng)防火墻 添加端口號(hào)方法
這篇文章主要介紹了windows 系統(tǒng)防火墻 添加端口號(hào)方法,本文圖文并茂給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09