HarmonyOs 学习日志-第1天

148 阅读1分钟

开发工具安装 DevEco Studio

官方下载地址:DevEco Studio

image.png

目前官方提供了windows 和 mac 版本的安装包 可以根据系统选择对应的安装包

下载解压后打开并安装dmg安装包

image.png

进行正常的安装操作即可

image.png

安装完成打开后一直点继续或者同意,如果有未安装 node.js 或 ohpm 就会卡在此处

image.png

此时我们直接选中 install 即可,如果已安装某一项 可以选择在本地找的对应的目录

安装完成之后可以进入到应用了

image.png

汉化

DevEco Studio 中 提供了中文插件

我们只需要打开 Plugins

image.png

并搜索 chinese 点击应用并重启即可

image.png

构建第一个应用

可以参考 鸿蒙官方文档,这文档非常的详细,我这边构建的是 Stage模型

创建完成后我们可以 根据文档指引 到 pages文件夹下的 index.ets 文件

现在咱们就可以开始编写代码了

@Entry
@Component
struct Index {
  @State message: string = '你好,鸿蒙'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        // 添加按钮,以响应用户点击
        Button() {
          Text('下一步')
            .fontSize(30)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 20
        })
        .backgroundColor('#0D9FFB')
        .width('40%')
        .height('5%')
      }
      .width('100%')
    }
    .height('100%')
  }
}