尝鲜 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 版系统,不着急的可以等等。

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

相关推荐
拉轰小郑郑25 分钟前
鸿蒙ArkTS中Object类型与类型断言的理解
华为·harmonyos·arkts·openharmony·object·类型断言
2601_9495936535 分钟前
基础入门 React Native 鸿蒙跨平台开发:Animated 动画按钮组件 鸿蒙实战
react native·react.js·harmonyos
菜鸟小芯43 分钟前
【开源鸿蒙跨平台开发先锋训练营】DAY8~DAY13 底部选项卡&推荐功能实现
flutter·harmonyos
星辰徐哥44 分钟前
鸿蒙APP开发从入门到精通:页面路由与组件跳转
华为·harmonyos
爱吃大芒果1 小时前
Flutter for OpenHarmony 实战: mango_shop 资源文件管理与鸿蒙适配
javascript·flutter·harmonyos
大雷神2 小时前
HarmonyOS智慧农业管理应用开发教程--高高种地--第20篇:天气服务与气象数据
harmonyos
爱吃大芒果2 小时前
Flutter for OpenHarmony 适配:mango_shop 页面布局的鸿蒙多设备屏幕适配方案
flutter·华为·harmonyos
前端不太难2 小时前
没有文档模型,HarmonyOS PC 应用会发生什么?
华为·状态模式·harmonyos
2601_949593652 小时前
高级进阶 React Native 鸿蒙跨平台开发:LinearGradient 玻璃拟态卡片
react native·react.js·harmonyos
摘星编程3 小时前
在OpenHarmony上用React Native:TopTab顶部标签页
react native·react.js·harmonyos