DevEco Studio集成ArkUI-X

清疚 2024-02-05 12:51 42阅读 0赞

> 语雀知识库地址：[语雀HarmonyOS知识库][HarmonyOS]  
> 飞书知识库地址：[飞书HarmonyOS知识库][HarmonyOS 1]

--------------------

在上篇文章([HarmonyOS应用开发工具DevEco Studio安装与使用][HarmonyOS_DevEco Studio])中我说到官方推出了4.0 Beta版本的IDE，这篇文章就来介绍这个版本的安装与使用

该版本集成了HarmonyOS多平台解决方案框架——**ArkUI-X**

ArkUI-X进一步将ArkUI扩展到了多个OS平台：目前支持OpenHarmony、HarmonyOS、Android、 iOS，后续会逐步增加更多平台支持。开发者基于一套主代码，就可以构建支持多平台的精美、高性能应用

该框架对应的IDE版本为 4.0 Beta2 ，相较于3.x版本而言，4.x版本支持了对多端OS的支持

### DevEco Studio 4.0 Beta2 ###

#### 下载 ####

官方Gitee地址：[ArkUI-X][]  
点击即可直接下载

<table> 
 <thead> 
  <tr> 
   <th>系统</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="https://gitee.com/link?target=https%3A%2F%2Fcontentcenter-vali-drcn.dbankcdn.cn%2Fpvt_2%2FDeveloperAlliance_package_901_9%2F9b%2Fv3%2F2g1w9tlbQPevu9IkTNRhNw%2Fdevecostudio-windows-4.0.0.400.zip%3FHW-CC-KV%3DV1%26HW-CC-Date%3D20230804T022932Z%26HW-CC-Expire%3D315360000%26HW-CC-Sign%3D23242113800451447FF87450B938F6B3A3B27A7360C10FBF7BCAB10B24473326" rel="nofollow">Windows(64-bit)</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://gitee.com/link?target=https%3A%2F%2Fcontentcenter-vali-drcn.dbankcdn.cn%2Fpvt_2%2FDeveloperAlliance_package_901_9%2F38%2Fv3%2FRTDABg5YQt69xo6_WHnI3Q%2Fdevecostudio-mac-4.0.0.400.zip%3FHW-CC-KV%3DV1%26HW-CC-Date%3D20230804T022845Z%26HW-CC-Expire%3D315360000%26HW-CC-Sign%3D4229D218C19968570755D8853840C8E2128E871EE895BCA45160743352191975" rel="nofollow">MacOS(Inter芯片)</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://gitee.com/link?target=https%3A%2F%2Fcontentcenter-vali-drcn.dbankcdn.cn%2Fpvt_2%2FDeveloperAlliance_package_901_9%2F5d%2Fv3%2Fd1TVEw9GTLaps_3giDK4NQ%2Fdevecostudio-mac-arm-4.0.0.400.zip%3FHW-CC-KV%3DV1%26HW-CC-Date%3D20230804T023035Z%26HW-CC-Expire%3D315360000%26HW-CC-Sign%3DB088BE6D5E2A28E21512F8396D09DDD4C6C41E75E03DFF32830ECC8E7B467D42" rel="nofollow">MacOS(Apple ARM芯片)</a></td> 
  </tr> 
 </tbody> 
</table>

#### 安装 ####

安装方式与3.x版本一致  
想要使用一套代码生成多端应用需要下载ArkUI-X相应的SDK包并配置  
打开Settings界面，找到ArkUI-X选项，下载当前的最新SDK即可

![abf8c8c523d20313aeda17e13100b636.png][]

#### 创建OpenHarmony项目 ####

依次选择 **File -> New -> Import… -> Import Sample**

![9023e4af00f3da10ccf3978084825434.png][]

在弹出的对话框中选中OpenHarmony，然后在下方选择ArkUI-X下的HelloWorld项目

![007b76d10b752e90537adb35086b607c.png][]

点击Next，在下个页面输入 项目名和项目保存的地址，完成后点击 Finish 即可完成创建，界面如下

![67e7a770659624d84898b567279ada63.png][]

最后，只需要将我们自己写的鸿蒙应用的以下几个文件夹进行替换即可，也可以直接基于当前项目做开发

![d95fc632ee5d35cfe6d5b2038ef9587f.png][]

#### 编译 ####

依次选择 **Build -> Build HAP(s)/APP(s) -> Build APP(s)**  
等待其自动编译完，会在当前项目的 .arkui-x 目录下生成对应OS的项目文件

![332d2ae5f27cabe397877d3b8e9db8b2.png][]

我们只需要将项目导入到对应的开发环境，就可以在相应的OS上运行了

[HarmonyOS]: https://www.yuque.com/maxiaobai-svip/harmonyos?#
[HarmonyOS 1]: https://awk4lh50t1.feishu.cn/wiki/KVr5wbMRain2iGkOEhNc0J3inMb
[HarmonyOS_DevEco Studio]: https://blog.csdn.net/qq_44664231/article/details/134792565?spm=1001.2014.3001.5501
[ArkUI-X]: https://gitee.com/arkui-x
[abf8c8c523d20313aeda17e13100b636.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/cab72360cebd41b0890884dfb5486677.png
[9023e4af00f3da10ccf3978084825434.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/4570d71c237c4c2b8df4c117fbdee33d.png
[007b76d10b752e90537adb35086b607c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/99dfe77b6d9d442ab54bac872aff4181.png
[67e7a770659624d84898b567279ada63.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/0b19de03d7134820ade01b1a603c2aa6.png
[d95fc632ee5d35cfe6d5b2038ef9587f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/57e01052a2ff4c89b7c5ff8978e2c2b0.png
[332d2ae5f27cabe397877d3b8e9db8b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/233c1a4def74489285c02db19616ed96.png