【鸿蒙4.0】harmonyos Day 01

bug天选之子2024-01-07 8:40

一. 初次使用鸿蒙原生编译器Dev Ecostudio创建一个新工程（项目），控制台报错：ohpm ERROR: NOTFOUND package "@ohos/hypium" not found from all the registries https://repo.harmonyos

这个错误应该是一些配置没下载成功或者路径不对导致的，我这边的解决方法是++关闭编译器Dev Ecostudio, 鼠标右键以管理员身份运行重新打开这个编译器就好了。++ 也可以来参考这篇文章https://xie.infoq.cn/article/1f64071cc12f7247b8d476032进行配置一遍。（亲测有效）。

二.基本属性概念

index.ets文件（首页文件）

TypeScript 复制代码

@Component // 标记自定义组件，自己封装的
struct Index { // 可复用的UI单元
  @State message: string = '张杰，你好'
  //  State 用来监听这个变量，实现数据变化页面同步刷新，类似于vue2的v-model

  build() { // build函数:描述页面UI结构
    Row() {
      Column() { // Row、Column等容器组件:用来完成页面布局
        Text(this.message) // Text基础组件 自带样式和功能
          .fontSize(50)
          // .backgroundColor(`#FF0000`)
          .fontColor(`red`)
          .fontWeight(FontWeight.Bold) // fontSize、fontWeight ：属性方法，用于设置css样式
          .onClick(()=>{
            // ...处理事件 事件方法的回调函数 类似于js的onclick事件
          })
      }
      .width('100%') // 属性方法
    }
    .height('100%') // 属性方法
  }
}