鸿蒙应用开发(一)

鸿蒙应用开发

文档

地址：developer.huawei.com/consumer/cn…

下载开发者工具

地址：developer.huawei.com/consumer/cn…

解压后，双击安装包，默认安装

注意安装路径不要出现中文！！

安装成功桌面出现这个图标 ~~

打开开发者工具，新建项目（路径不要出现中文~~）

创建的项目目录结构如下

可以在src目录下，进行开发 例如： 在pages目录下的inde.ets页面

@Entry   // 组件入口
@Component  //定义组件  
struct   Index { // 定义组件结构 
  @State message: string = 'Hello world'; // 定义状态变量  在这个结构体中可以通过this.message的方式引用这个变量

  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%')
  }
}