创建第一个鸿蒙应用

HarmonyOS项目创建与页面跳转Demo实现

原创

已于 2024-11-05 14:40:15 修改 · 648 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#鸿蒙 #鸿蒙系统 #华为 #typescript #javascript #前端 #前端框架

于 2024-11-05 12:16:21 首次发布

一、配置安装DevEco Studio

1、安装最新版的DevEco Studio

DevEco Studio-HarmonyOS Next Beta版-华为开发者联盟

二、使用DevEco Studio创建一个项目

选择默认模板，点击Next

SDK默认选择最新版，点击Finish

点击“entry > src > main > ets > pages”，打开“Index.ets”文件，点击预览即可进行编译和查看界面

这个代码是创建项目后自动生成的，如果你使用的SDK版本跟我接近，这个初始代码应该都是一样的

@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 }