0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙开发之ArkUI-X:【DevEco(4.0.0.400 beta)环境配置】

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-05-13 15:12 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

DevEco(4.0.0.400 beta)

安装

双击下载好的.dmg文件进入下面页面,将DecEco-Studio拖进Application

image.png

环境配置

开发前请熟悉鸿蒙开发指导文档:[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

因为我已经安装过了。所以我选择的是local。然后点击右边的文件夹图标找到安装node.js和ohpm的本地路径就行

配置 HarmonyOS SDK

进入偏好设置

image.png

搜索 SDK 关键字,然后选择HarmonyOS 安装 3.1.0API

image.png

切换到 Tools 安装模拟

image.png

配置 OpenHarmony SDK

搜索 SDK 关键字,然后选择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

查看构建产物,可以看到构建产物依赖了arkui_ios、hilog、resourcemanager这三个frameworkHarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿

搜狗高速浏览器截图20240326151450.png

image.png

小结

从ArkUI到ArkUI-X的进步,可以看出华为确实在不遗余力的推广Harmony-Next系统。 我也大概写了一点ArkTS代码,很多feature已经具备了,但和完善还是相差很多。只能说星星之火可以燎原吧,期望后面会越来越强,毕竟被科技卡脖子的事可不少。

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • SDK
    SDK
    +关注

    关注

    3

    文章

    1094

    浏览量

    51206
  • 鸿蒙
    +关注

    关注

    60

    文章

    2861

    浏览量

    45363
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    鸿蒙开发学习:初探【ArkUI-X

    **简单来说,ArkTS + ArkUI-X 对标的框架为 flutter,一次代码,编译为 native 全平台运行**
    的头像 发表于 05-13 15:58 2005次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>开发</b>学习:初探【<b class='flag-5'>ArkUI-X</b>】

    鸿蒙开发ArkUI-X基础知识:【ArkUI代码工程及构建介绍】

    ArkUI作为OpenHarmony的默认开发框架,在本项目(ArkUI-X)中需要做到一套代码同时支持多平台构建,所以会采取共仓开发的方式,部分仓直接指向OpenHarmony相关开
    的头像 发表于 05-25 16:45 3135次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>开发</b><b class='flag-5'>ArkUI-X</b>基础知识:【<b class='flag-5'>ArkUI</b>代码工程及构建介绍】

    ArkUI-X开发指南:【SDK配置和构建说明】

    ArkUI-X SDK是ArkUI-X开源项目的编译产物,可将ArkUI-X SDK集成到现有Android和iOS应用工程中,使开发者基于一套ArkTS主代码,就可以构建支持多平台的
    的头像 发表于 05-25 16:48 4188次阅读
    <b class='flag-5'>ArkUI-X</b><b class='flag-5'>开发</b>指南:【SDK<b class='flag-5'>配置</b>和构建说明】

    ArkUI-X跨平台框架接入指南

    ,就可以构建支持多平台的精美、高性能应用。 使用DevEco Studio开发ArkUI-X约束说明 DevEco Studio仅支持ArkUI-X
    发表于 05-18 18:21

    ArkUI-X添加到现有Android项目中

    Android应用工程的集成方式 使用ACE Tools和DevEco Studio集成ArkUI-X SDK进行Android AAR开发 可以通过通过ACE Tools或DevEco
    发表于 05-28 22:44

    ArkUI-X添加到现有Android项目中

    Android应用工程的集成方式 使用ACE Tools和DevEco Studio集成ArkUI-X SDK进行Android AAR开发 可以通过通过ACE Tools或DevEco
    发表于 06-04 22:35

    ArkUI-X与Android联动编译开发指南

    /assets/arkui-x\" 配置Android的systemRes输出路径 可手动在Android工程下的buildArkts脚本中修改Android应用中systemRes的输出
    发表于 06-16 22:55

    ArkUI-X应用工程结构说明

    简介 本文档配套ArkUI-X,将OpenHarmony ArkUI开发框架扩展到不同的OS平台,比如Android和iOS平台,让开发者基于Ark
    发表于 06-19 23:11

    ArkUI-X案例解析

    != undefined) { this.backDisplaySyncSlow?.stop(); } } } 由于当前ArkUI-X框架未适配这套方法,在arkui-x侧实际上使用了
    发表于 06-23 22:40

    【HarmonyOS next】ArkUI-X休闲益智猜字谜【基础】

    ArkUI-X媲美Flutter的跨端能力,还会手把手解析关键代码实现! 一、环境准备清单 ?操作系统 :macOS(Windows用户可通过虚拟机体验) ?开发工具 :DevEco
    发表于 06-26 20:01

    【HarmonyOS next】ArkUI-X新闻热搜聚合App【进阶】

    ; } } 四、构建与调试 4.1 环境配置 安装Xcode 15+ 配置ArkUI-X开发环境
    发表于 06-28 21:43

    资讯速递 | ArkUI-X 预览版已正式开源!

    OpenHarmony项目群技术指导委员会(以下简称“TSC”)-跨平台应用开发框架TSG所孵化项目 —— ArkUI-X,近期已正式开源 ,开发者基于一套主代码,就可以将在OpenHarmony上
    的头像 发表于 08-22 22:19 1420次阅读
    资讯速递 | <b class='flag-5'>ArkUI-X</b> 预览版已正式开源!

    鸿蒙跨平台框架:【ArkUi-X】创建工程

    鸿蒙推出了鸿ArkUi-X 框架所以就写个文章分享一下
    的头像 发表于 05-13 17:48 2132次阅读
    <b class='flag-5'>鸿蒙</b>跨平台框架:【<b class='flag-5'>ArkUi-X</b>】创建工程

    鸿蒙ArkUI-X跨平台技术:【开发初体验】

    DevEco Studio中导入ArkUI-X Sample,快速创建跨平台工程。
    的头像 发表于 05-17 15:54 1720次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>跨平台技术:【<b class='flag-5'>开发</b>初体验】

    鸿蒙ArkUI-X框架开发:【开发准备】

    本文档适用于ArkUI-X框架开发的初学者。通过环境搭建、代码下载、代码编译、API扩展和使用,快速了解跨平台项目开发流程。
    的头像 发表于 05-23 21:02 1111次阅读
    <b class='flag-5'>鸿蒙</b><b class='flag-5'>ArkUI-X</b>框架<b class='flag-5'>开发</b>:【<b class='flag-5'>开发</b>准备】