尝鲜 HarmonyOS NEXT 开发环境搭建

申请好 HarmonyOS NEXT的开发套件白名单后,就可以下载最的开发套件了,最新的开发工具更新时间是2024-06-17,DevEcoStudio5.0-API12-x86-402。下载后是这样的:

我用的是 MAC PRO,所以下载的是 MAC 版,这里有个小坑,如果MAC 版本过低(11以下)模拟器无法使用。我当时是10.xx 版本,一直没有升级,没办法,心里不想升级,为了用上,升了吧。

安装也很简单,dmg 包直接安装即可,安装完成后,打开是这样的:

打开一个应用或新建应用:

搞个 HelloWorld

ets 复制代码
@Entry
@Component
struct Index {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .alignRules({
          center: { anchor: '__container__', align: VerticalAlign.Center },
          middle: { anchor: '__container__', align: HorizontalAlign.Center }
        })
    }
    .height('100%')
    .width('100%')
  }
}

运行可以用三种方式:

1、Previewer 直接预览:

在工具的右侧可以找到Previewer窗口,即可直接预览

2、启动模拟器

先找到 Device Manager 设备管理器,打开:

在设备管理器中可以看到默认安装包中带的模拟器,直接点运行(如果 MAC 版本低会启动失败)

启动后我们就可以看到模拟器了:

3、真机测试

土豪级的可以上 mate 60 或 pro,70年底要出了,直接搭载 NEXT 版系统,不着急的可以等等。

好了,搭建完毕,你也试试吧。关注威哥爱编程,一起学鸿蒙呀。

相关推荐
阿林来了1 小时前
Flutter三方库适配OpenHarmony【flutter_speech】— 持续语音识别与长录音
flutter·语音识别·harmonyos
松叶似针3 小时前
Flutter三方库适配OpenHarmony【secure_application】— 与 HarmonyOS 安全能力的深度集成
安全·flutter·harmonyos
星空22233 小时前
【HarmonyOS】day39:React Native实战项目+智能文本省略Hook开发
react native·华为·harmonyos
星空22234 小时前
【HarmonyOS】day40:React Native实战项目+自定义Hooks开发指南
react native·华为·harmonyos
Swift社区16 小时前
鸿蒙 PC 架构的终点:工作流
华为·harmonyos
左手厨刀右手茼蒿21 小时前
Flutter for OpenHarmony:dart_console 打造炫酷命令行界面,绘制表格、控制光标与进度条(CLI 交互库) 深度解析与鸿蒙适配指南
flutter·交互·harmonyos·绘制
加农炮手Jinx21 小时前
Flutter for OpenHarmony 实战:疯狂头像 App(三)— 复合动画与交互反馈 — 让 UI 跃动起来
flutter·ui·交互·harmonyos·鸿蒙
王码码203521 小时前
lutter for OpenHarmony 实战之基础组件:第六十二篇 SystemChannels — 探秘 Flutter 与系统交互的捷径
flutter·microsoft·交互·harmonyos
Bowen_J1 天前
HarmonyOS 主流跨平台开发框架对比: ArkUI、Flutter、React Native、KMP、UniApp
flutter·react native·harmonyos
lili-felicity1 天前
基础入门 React Native 鸿蒙跨平台开发:react-native-easy-toast三方库适配
react native·react.js·harmonyos