单框架鸿蒙开发

单框架鸿蒙官方文档

开发指南及API文档

文档中心

​下载并安装DevEco Studio

DevEco Studio-鸿蒙应用集成开发环境（IDE）-华为开发者联盟

ArkTS语言快速入门

ArkTS是鸿蒙主推的声明式开发语言，基于TypeScript扩展，适合前端或移动端转型的开发者。

​基础语法速通

• 变量与类型：使用let或const声明变量，支持string、number、boolean等基础类型

let message: string = "欢迎学习鸿蒙！";  
const count: number = 10;  

• 函数与箭头函数（匿名函数）：简化事件处理逻辑

// 普通函数  
function greet(name: string): string {  
  return `Hello, ${name}!`;  
}  
// 箭头函数  
const add = (a: number, b: number): number => a + b;  

​组件与UI布局

• 内置组件：如Text、Image、Button，通过属性控制样式和行为

@Entry  
@Component  
struct HelloPage {  
  build() {  
    Column() {  
      Text('点击按钮')  
        .fontSize(20)  
        .fontColor('#333')  
      Button('提交', { type: ButtonType.Capsule })  
        .onClick(() => {  
          console.log('按钮被点击！');  
        })  
    }  
    .padding(12)  
  }  
}  

• 布局容器：Column（垂直布局）、Row（水平布局）、Stack（层叠布局）

状态管理与响应式更新

• 使用@State装饰器实现数据驱动UI更新

@State count: number = 0;  
// 点击按钮时更新状态  
Button('点击+1')  
  .onClick(() => {  
    this.count += 1;  
  })