最新鸿蒙HarmonyOS4.0开发登陆的界面1-Toy模板网

这篇具有很好参考价值的文章主要介绍了最新鸿蒙HarmonyOS4.0开发登陆的界面1。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

下载deveco-studio

说明一下，本人只是学习中，现在只是拿着vue及uniapp的经验在一点一点的折腾，不过现在看来，鸿蒙入门并不是很难。也许是自己没有深入下去。
https://developer.harmonyos.com/cn/develop/deveco-studio#download
安装成后，则可以开发了。

创建项目选择Empty Ability这一个模板

最新鸿蒙HarmonyOS4.0开发登陆的界面1,鸿蒙开发,harmonyos,华为

Bundle name 要求唯一。

等待完成，完成后点击previewer打开预览。

代如如下：界面用提链式编程。界面里显示一个text ，内容是hello word.

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

再加一个新的页：Myprofile.ets 表示登陆成功后界面。
可以进入设计的页面，以前还以为开发工具没有所见即所得的编程方式。
最新鸿蒙HarmonyOS4.0开发登陆的界面1,鸿蒙开发,harmonyos,华为
在supervisual ->pages有一个文件Myprofile.visual
放一个button .这是低代码开发界面。此时在也会在pages下面生成了一个 Myprofile.ets 里面没我们在Enable Super Visual设计时的代码：