0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙開發(fā)之ArkUI-X:【DevEco(4.0.0.400 beta)環(huán)境配置】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-13 15:12 ? 次閱讀

DevEco(4.0.0.400 beta)

安裝

雙擊下載好的.dmg文件進入下面頁面,將DecEco-Studio拖進Application

image.png

環(huán)境配置

開發(fā)前請熟悉鴻蒙開發(fā)指導文檔:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

配置node.js 和 ohpm

這是借用的別人的一張圖,是Windows下的。不過Mac下的大同小異 按照如圖進行安裝node.js和ohpm,一般第一次選擇install就可以。

  1. node.js主要是提供JS編譯
  2. ohpm主要用于包管理

image.png

因為我已經(jīng)安裝過了。所以我選擇的是local。然后點擊右邊的文件夾圖標找到安裝node.js和ohpm的本地路徑就行

配置 HarmonyOS SDK

進入偏好設置

image.png

搜索 SDK 關(guān)鍵字,然后選擇HarmonyOS 安裝 3.1.0API

image.png

切換到 Tools 安裝模擬

image.png

配置 OpenHarmony SDK

搜索 SDK 關(guān)鍵字,然后選擇OpenHarmony 安裝 3.1.0API

image.png

配置 ArkUI-X

image.png

ArkUI-X HelloWorld

打開DevEco導入樣例

image.png

切換到 OpenHarmony,然后選擇 ArkUI-X下的HelloWorld

image.png 打開工程后,進行編譯,選擇編譯為App

image.png

編譯后的工程在 .arkui-x 隱藏目錄下。AndroidiOS各自有一個文件夾

image.png

選擇iOS文件夾,右鍵 show In Finder

image.png

打開 app.xcodeproj后,直接運行即可

image.png

image.png

查看構(gòu)建產(chǎn)物,可以看到構(gòu)建產(chǎn)物依賴了arkui_ios、hilog、resourcemanager這三個frameworkHarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿

搜狗高速瀏覽器截圖20240326151450.png

image.png

小結(jié)

從ArkUI到ArkUI-X的進步,可以看出華為確實在不遺余力的推廣Harmony-Next系統(tǒng)。 我也大概寫了一點ArkTS代碼,很多feature已經(jīng)具備了,但和完善還是相差很多。只能說星星之火可以燎原吧,期望后面會越來越強,畢竟被科技卡脖子的事可不少。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • SDK
    SDK
    +關(guān)注

    關(guān)注

    3

    文章

    1021

    瀏覽量

    45715
  • 鴻蒙
    +關(guān)注

    關(guān)注

    57

    文章

    2305

    瀏覽量

    42697
收藏 人收藏

    評論

    相關(guān)推薦

    鴻蒙開發(fā)學習:初探【ArkUI-X

    **簡單來說,ArkTS + ArkUI-X 對標的框架為 flutter,一次代碼,編譯為 native 全平臺運行**
    的頭像 發(fā)表于 05-13 15:58 ?959次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>學習:初探【<b class='flag-5'>ArkUI-X</b>】

    鴻蒙ArkUI-X跨平臺開發(fā):【命令行工具(ACE Tools)】

    ACE Tools是一套為ArkUI-X項目跨平臺應用開發(fā)者提供的命令行工具,支持在Windows/Ubuntu/macOS平臺運行,用于構(gòu)建OpenHarmony/HarmonyOS、Android和iOS平臺的應用程序,其功能包括
    的頭像 發(fā)表于 05-21 17:39 ?1577次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺<b class='flag-5'>開發(fā)</b>:【命令行工具(ACE Tools)】

    鴻蒙ArkUI-X跨平臺開發(fā):【SDK目錄結(jié)構(gòu)介紹】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴展到不同的OS平臺,比如Android和iOS平臺,讓開發(fā)者基于ArkUI
    的頭像 發(fā)表于 05-20 16:28 ?758次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺<b class='flag-5'>開發(fā)</b>:【SDK目錄結(jié)構(gòu)介紹】

    鴻蒙開發(fā)ArkUI-X基礎知識:【ArkUI代碼工程及構(gòu)建介紹】

    ArkUI作為OpenHarmony的默認開發(fā)框架,在本項目(ArkUI-X)中需要做到一套代碼同時支持多平臺構(gòu)建,所以會采取共倉開發(fā)的方式,部分倉直接指向OpenHarmony相關(guān)開
    的頭像 發(fā)表于 05-25 16:45 ?1973次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>ArkUI-X</b>基礎知識:【<b class='flag-5'>ArkUI</b>代碼工程及構(gòu)建介紹】

    ArkUI-X開發(fā)指南:【SDK配置和構(gòu)建說明】

    ArkUI-X SDK是ArkUI-X開源項目的編譯產(chǎn)物,可將ArkUI-X SDK集成到現(xiàn)有Android和iOS應用工程中,使開發(fā)者基于一套ArkTS主代碼,就可以構(gòu)建支持多平臺的
    的頭像 發(fā)表于 05-25 16:48 ?2473次閱讀
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>開發(fā)</b>指南:【SDK<b class='flag-5'>配置</b>和構(gòu)建說明】

    資訊速遞 | ArkUI-X 預覽版已正式開源!

    OpenHarmony項目群技術(shù)指導委員會(以下簡稱“TSC”)-跨平臺應用開發(fā)框架TSG所孵化項目 —— ArkUI-X,近期已正式開源 ,開發(fā)者基于一套主代碼,就可以將在OpenHarmony上
    發(fā)表于 08-11 16:10

    資訊速遞 | ArkUI-X 預覽版已正式開源!

    OpenHarmony項目群技術(shù)指導委員會(以下簡稱“TSC”)-跨平臺應用開發(fā)框架TSG所孵化項目 —— ArkUI-X,近期已正式開源 ,開發(fā)者基于一套主代碼,就可以將在OpenHarmony上
    的頭像 發(fā)表于 08-22 22:19 ?791次閱讀
    資訊速遞 | <b class='flag-5'>ArkUI-X</b> 預覽版已正式開源!

    鴻蒙ArkUI開發(fā)-Tabs組件的使用

    鴻蒙ArkUI開發(fā)-Tabs組件的使用
    的頭像 發(fā)表于 01-19 16:01 ?1708次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b><b class='flag-5'>開發(fā)</b>-Tabs組件的使用

    鴻蒙跨平臺框架:【ArkUi-X】創(chuàng)建工程

    鴻蒙推出了鴻ArkUi-X 框架所以就寫個文章分享一下
    的頭像 發(fā)表于 05-13 17:48 ?838次閱讀
    <b class='flag-5'>鴻蒙</b>跨平臺框架:【<b class='flag-5'>ArkUi-X</b>】創(chuàng)建工程

    鴻蒙ArkUI-X跨平臺技術(shù):【開發(fā)準備】

    本文檔適用于ArkUI跨平臺應用開發(fā)的初學者。通過開發(fā)環(huán)境搭建、應用工程創(chuàng)建、編譯和運行,熟悉ArkUI跨平臺應用
    的頭像 發(fā)表于 05-24 10:40 ?413次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺技術(shù):【<b class='flag-5'>開發(fā)</b>準備】

    鴻蒙ArkUI-X跨平臺技術(shù):【開發(fā)初體驗】

    DevEco Studio中導入ArkUI-X Sample,快速創(chuàng)建跨平臺工程。
    的頭像 發(fā)表于 05-17 15:54 ?558次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺技術(shù):【<b class='flag-5'>開發(fā)</b>初體驗】

    鴻蒙ArkUI-X跨平臺開發(fā):【 編寫第一個ArkUI-X應用】

    通過構(gòu)建一個簡單的ArkUI頁面跳轉(zhuǎn)示例,快速了解資源創(chuàng)建引用,路由代碼編寫和UI布局編寫等應用開發(fā)流程。
    的頭像 發(fā)表于 05-21 17:36 ?624次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺<b class='flag-5'>開發(fā)</b>:【 編寫第一個<b class='flag-5'>ArkUI-X</b>應用】

    鴻蒙ArkUI-X跨平臺開發(fā):【 應用工程結(jié)構(gòu)說明】

    本文檔配套ArkUI-X,將OpenHarmony ArkUI開發(fā)框架擴展到不同的OS平臺,比如Android和iOS平臺,讓開發(fā)者基于ArkUI
    的頭像 發(fā)表于 05-19 21:05 ?523次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨平臺<b class='flag-5'>開發(fā)</b>:【 應用工程結(jié)構(gòu)說明】

    鴻蒙ArkUI-X跨語言調(diào)用說明:平臺差異化【Android、ios動態(tài)化】

    ArkUI-X支持動態(tài)化,使用者可以根據(jù)自己需要動態(tài)發(fā)布跨平臺內(nèi)容,從而使跨平臺部分和宿主應用進行解耦。
    的頭像 發(fā)表于 05-23 14:38 ?750次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>跨語言調(diào)用說明:平臺差異化【Android、ios動態(tài)化】

    鴻蒙ArkUI-X框架開發(fā):【開發(fā)準備】

    本文檔適用于ArkUI-X框架開發(fā)的初學者。通過環(huán)境搭建、代碼下載、代碼編譯、API擴展和使用,快速了解跨平臺項目開發(fā)流程。
    的頭像 發(fā)表于 05-23 21:02 ?413次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>開發(fā)</b>準備】