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

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

相关推荐
酒醉的胡铁8 分钟前
uniapp运行到鸿蒙证书配置
服务器·uni-app·harmonyos
hefengbao2 小时前
【京墨文库】安卓版 v.16.1, 鸿蒙版 v1.2.1发布
华为·harmonyos
lili-felicity2 小时前
React Native for HarmonyOS (鸿蒙) 实战精讲:2D/3D 变换全场景
react native·3d·harmonyos
哈哈你是真的厉害3 小时前
React Native 鸿蒙跨平台开发:Badge 徽标
react native·react.js·harmonyos
奋斗的小青年!!3 小时前
Flutter在OpenHarmony上实现渐变文字动画的深度优化实践
前端·flutter·harmonyos·鸿蒙
鸣弦artha3 小时前
Flutter 框架跨平台鸿蒙开发 —— Image Widget 图片处理:圆角、裁剪、阴影
android·flutter·harmonyos
南村群童欺我老无力.4 小时前
Flutter 框架跨平台鸿蒙开发 - 从零打造一款精美天气App
flutter·华为·harmonyos
zhujian826374 小时前
二十六、【鸿蒙 NEXT】LazyForeach没有刷新
华为·harmonyos·下拉刷新·lazyforeach未刷新
不爱吃糖的程序媛4 小时前
KuiklyUI 运行到鸿蒙平台的实践
华为·harmonyos
哈哈你是真的厉害4 小时前
React Native 鸿蒙跨平台开发:Steps 步骤条 鸿蒙实战
react native·react.js·harmonyos