新聞中心
[[380607]]

目前創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、永州網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
想了解更多內(nèi)容,請?jiān)L問:
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos./#zz
1、mac os的鴻蒙環(huán)境搭建
華為官方文檔:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/installation_process-0000001071425528
官方文檔已經(jīng)說明的比較詳細(xì)了,我是使用mac os的開發(fā)者,在創(chuàng)建一個js項(xiàng)目后,Gradle下載完成,報(bào)出了如下錯誤:
看起來像是華為鏡像倉中找不到包,百度必應(yīng)都沒搜到這種錯誤,但我感覺還是Gradle的問題。
點(diǎn)擊DevEco Studio -> Preference -> Build... -> Gradle -> Gradle user home,IDE自帶的目錄是帶".m2"的目錄,在mac系統(tǒng)中這一類目錄是有權(quán)限的。雖然在該目錄中也已有g(shù)radle-6.3下載完成,但程序無訪問權(quán)限。需要重新創(chuàng)建一個文件夾作為Gradle user home,然后重新Build,靜等Gradle重新下載完畢。
build完成后,在Tools -> HVD Manager中選擇P40,再點(diǎn)擊run,第一個工程就啟動成功了。
2、鴻蒙js工程目錄結(jié)構(gòu)
在熟悉的微信小程序中,應(yīng)用的全局配置在項(xiàng)目根目錄的app.json中,包括頁面的注冊,window顯示的內(nèi)容等。頁面則在pages目錄中,每個頁面由wxml, wxss, js, json四個文件組成。
現(xiàn)在來看看鴻蒙js工程的目錄結(jié)構(gòu),全局配置文件為/entry/src/main/config.json。對頁面的配置在module.js.pages中,且也是將應(yīng)用啟動的首頁放在第一個。js頁面在/entry/src/main/js/default/pages目錄中,右鍵目錄 -> new -> JS Page后,IDE自動新建文件夾,文件夾中包括hml, css, js三個文件,且頁面會自動在config.json中配置。
3、flex布局
flex布局是寫前端頁面時很常用的布局方式,在嘗試寫一個最簡單的頁面布局時,發(fā)現(xiàn)鴻蒙布局和微信小程序確有不同點(diǎn)。這是一個很簡單的小程序布局,三個view標(biāo)簽不加任何布局方式,自動豎向排列,每個元素占一行。
鴻蒙中的容器標(biāo)簽為div,和html一致。必須用一個div作為整體頁面的父級標(biāo)簽,由它包裹頁面中的所有子標(biāo)簽元素。嘗試和小程序一樣的布局寫法:
三個div的width都為100%,卻展示出了以下樣式:
由此猜想hml的div標(biāo)簽并不是行級元素,故為父級div加上flex布局,這才正常了。
?著作權(quán)歸作者和HarmonyOS技術(shù)社區(qū)共同所有,如需轉(zhuǎn)載,請注明出處,否則將追究法律責(zé)任。
想了解更多內(nèi)容,請?jiān)L問:
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos./#zz
名稱欄目:從微信小程序到鴻蒙js開發(fā)【01】-環(huán)境搭建&flex布局
URL分享:http://www.5511xx.com/article/dheiops.html


咨詢
建站咨詢
