開發(fā)前可以了解下鴻蒙： [鴻蒙開發(fā) 序]華為鴻蒙操作系統(tǒng)（HarmonyOS）簡(jiǎn)介及開發(fā)環(huán)境搭建
創(chuàng)新互聯(lián)專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管，支持按月付款！我們的承諾：貴族品質(zhì)、平民價(jià)格，機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房，成都服務(wù)器托管服務(wù)有保障！
開發(fā)前的準(zhǔn)備：「鴻蒙開發(fā) 1」華為鴻蒙應(yīng)用集成開發(fā)環(huán)境DevEco Studio安裝和設(shè)置
了解鴻蒙應(yīng)用開發(fā)的基本開發(fā)流程：「鴻蒙開發(fā) 2」第一個(gè)華為鴻蒙（HarmonyOS）應(yīng)用程序（App）
本章目標(biāo)：
1 了解華為鴻蒙應(yīng)用開發(fā)的可視化（低代碼）方式
2 通過構(gòu)建一個(gè)簡(jiǎn)單的具有頁面跳轉(zhuǎn)功能的應(yīng)用
低代碼開發(fā)方式，即通過可視化界面開發(fā)方式快速構(gòu)建布局、編輯UI界面，可有效降低用戶的上手成本并提升用戶構(gòu)建UI界面的效率。
1 打開DevEco Studio，創(chuàng)建一個(gè)新工程，選擇支持Phone / Tablet / Wearable（手機(jī) / 平板 / s可穿戴）的模板，我們?cè)诖酥苯舆x擇Empty Ability
Project name工程名稱填SuperVisual
Development mode開發(fā)方式選擇Super Visual
其它的可以使用默認(rèn)設(shè)置，點(diǎn)擊完成，進(jìn)入編輯界面
1 在Project（項(xiàng)目）窗口，刪除工程運(yùn)行默認(rèn)的入口文件夾：“entry src main js default pages index”文件夾
2 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標(biāo)右鍵，選擇“New JS Visual”
JS visual name填first，點(diǎn)擊完成，進(jìn)入編輯界面
創(chuàng)建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目錄結(jié)構(gòu)
3 第一個(gè)頁面內(nèi)有一個(gè)容器、文本和一個(gè)按鈕，通過Div、Text和Button組件來實(shí)現(xiàn)
（1）分別選中first.visual畫面中的Text、Div組件，單擊鼠標(biāo)右鍵，選擇Delete刪除
（2）選中UI Control中的Div組件，將其拖至畫布
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Div組件的高度Height為100%，使其占滿屏幕
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Flex），設(shè)置Div組件的FlexDirection樣式為column，使Div的主軸垂直；設(shè)置Div組件的JustifyContent樣式為center，使得其子組件在主軸上居中顯示；設(shè)置Div組件的AlignItems樣式為center，使得其子組件在交叉軸上居中顯示
（3）選中UI Control中的Text組件，將其拖至Div組件的中央?yún)^(qū)域
點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hello World ”
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置Text組件的寬（width）為100%，高（height）為100px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為60px，使得其文字放大；設(shè)置組件的TextAlign樣式為center，使得組件文字居中顯示
（4）選中UI Control中的Button組件，將其拖至Text組件下面
點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Button組件的Value屬性為 “ Next ”，
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)（General），設(shè)置按的寬（width）為40%，高（height）為60px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為40px
至此，第一個(gè)頁面創(chuàng)建完成
我們可以在預(yù)覽窗口中看效果，點(diǎn)擊右側(cè)邊欄的Preview打開預(yù)覽窗口
1 在Project窗口，選擇工程中的“entry src main js default pages”，單擊鼠標(biāo)右鍵，選擇“New JS Visual”
Visual配置界面，JS visual name填second，回車（Enter鍵）或者點(diǎn)擊完成，進(jìn)入編輯界面
2 第二個(gè)頁面中有一個(gè)容器和文本，通過Div、Text組件實(shí)現(xiàn)，現(xiàn)在編輯器已經(jīng)為我們創(chuàng)建好了，我們就來修改下它們的屬性（你也可以刪除原有的自己創(chuàng)建，具體步驟參考本章第二節(jié)“二 創(chuàng)建第一個(gè)頁面”）。
選中Text組件，點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)（Properties），設(shè)置Text組件的Content屬性為 “ Hi，I'm always here. ”
點(diǎn)擊右側(cè)屬性樣式欄中的通用圖標(biāo)（General），設(shè)置組件的寬（width）為100%，高為60px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)（Feature），設(shè)置組件的FontSize樣式為36px，TextAlign樣式為center
這樣我們的第二個(gè)頁面創(chuàng)建成功了
1 在Project窗口，打開工程中的“entry src main js default pages first first.js”， 導(dǎo)入router模塊，頁面路由router根據(jù)頁面的uri來找到目標(biāo)頁面，從而實(shí)現(xiàn)跳轉(zhuǎn)。示例代碼如下：
2 打開或者切換到first.visual頁面，選中畫布上的Button組件，點(diǎn)擊右側(cè)屬性樣式欄中的事件圖標(biāo)（Events），鼠標(biāo)點(diǎn)擊Click事件的輸入框，選擇launch事件
3 在預(yù)覽窗口中查看項(xiàng)目效果，點(diǎn)擊Next按鈕后發(fā)現(xiàn)我們的頁面成功跳轉(zhuǎn)了。
到此，本章的目標(biāo)就完成了。
-下面腳本只匹配的 10和11 （目前是這樣的，當(dāng)前時(shí)間：20220528）
需要 Ubuntu 環(huán)境的可以參考下面鏈接
如果沒有brew,百度安裝
如果有提示，請(qǐng)按照提示操作
這一步有輸出警告，應(yīng)該不影響，輸出警告的文件：
我開始在 mac 上大環(huán)境的時(shí)候，也是對(duì)著 Linux 上的名字安裝了一部分。缺少去網(wǎng)上搜吧，下圖是我本機(jī)的，僅供參考（下面的不都是 ohos 需要的）
更改為3.0.4版本
生效配置：
由于樹莓派不是X86架構(gòu)，而是ARM架構(gòu)，目前gcc_riscv32不支持。。。。
改為X86服務(wù)器即可：
參考
harmonyos應(yīng)用開發(fā)環(huán)境搭建，是需要我們手動(dòng)下載安裝的。
1、在手機(jī)應(yīng)用商店里面搜索進(jìn)行下載。
2、點(diǎn)擊安裝即可，HarmonyOS（鴻蒙）提供了支持多種開發(fā)語言的API，供開發(fā)者進(jìn)行應(yīng)用開發(fā)。
重慶分公司
重慶分公司
