第一章:ArkTS语言基础与开发环境搭建

大家好,我是老张。今天咱们聊聊ArkTS这门语言,还有怎么把开发环境搭起来。说实话,我刚接触ArkTS的时候,心里也犯嘀咕——这玩意儿跟TypeScript到底啥关系?别急,咱们一步步来。

1.1 ArkTS语言特性速览

ArkTS是鸿蒙原生开发的语言。说白了,它就是TypeScript的超集,但加了不少鸿蒙特有的东西。我个人的理解是:如果你会TypeScript,上手ArkTS基本没压力。

核心特性:

  • 静态类型:编译时就能发现类型错误,比JavaScript安全得多
  • 装饰器支持:@Component、@State这些,写UI很方便
  • 声明式UI:跟Flutter、SwiftUI类似,描述界面长啥样就行
  • 并发模型:Actor模型,比回调地狱清爽多了

我记得第一次用ArkTS写页面时,最让我惊喜的是它的状态管理。你想想看,以前写前端要手动操作DOM,现在只要声明状态,UI自动更新。嗯,这个体验确实不错。

1.2 安装DevEco Studio

工欲善其事,必先利其器。DevEco Studio就是咱们的武器。它基于IntelliJ IDEA,如果你用过Android Studio,那界面看着会很眼熟。

安装步骤:

  1. 去华为开发者官网下载DevEco Studio(Windows/Mac都支持)
  2. 双击安装包,一路Next就行
  3. 注意:安装路径不要有中文,否则可能出幺蛾子
  4. 安装完成后,启动时会自动检测JDK环境

我曾经踩过的坑:第一次安装时,我图省事把路径设成了“D:\开发工具\DevEco”,结果编译时一直报路径错误。后来改成全英文路径,问题就解决了。所以,路径一定要用英文!

1.3 配置鸿蒙SDK

SDK配置是重头戏。DevEco Studio启动后,会提示你配置SDK。我个人习惯手动指定SDK路径,这样心里有数。

配置流程:

  • 打开Settings → Appearance & Behavior → System Settings → HarmonyOS SDK
  • 选择SDK版本:建议用最新的稳定版
  • 勾选必要的组件:比如Phone、Tablet、TV等
  • 点击Apply,等待下载完成

小技巧:SDK下载速度慢?可以试试用镜像源。在SDK配置页面,有个“Use Mirror”选项,勾上之后速度会快不少。我团队里的小伙伴用了都说好。

1.4 创建第一个Hello World应用

环境搭好了,咱们来写个Hello World。这是每个程序员的仪式感,对吧?

操作步骤:

  1. 点击“Create Project”
  2. 选择“Empty Ability”模板
  3. 填写项目名:比如“HelloWorld”
  4. 选择语言:ArkTS
  5. 点击Finish,等待项目初始化

项目创建好后,你会看到这样的目录结构:

HelloWorld/
├── entry/
│   ├── src/
│   │   ├── main/
│   │   │   ├── ets/
│   │   │   │   ├── pages/
│   │   │   │   │   └── index.ets
│   │   │   │   └── app.ets
│   │   │   └── resources/
│   │   └── module.json5
│   └── build-profile.json5
└── build-profile.json5

打开 index.ets,你会看到类似这样的代码:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

这段代码干了啥?@Entry 表示这是入口页面,@Component 声明这是一个组件。@State 是状态装饰器,message变了,UI会自动刷新。build()方法里描述界面结构——一个Row里面套Column,Column里面放Text。

运行试试:

  • 点击工具栏的“Run”按钮(绿色三角)
  • 选择模拟器或真机
  • 等几秒钟,你就能看到“Hello World”显示在屏幕上了

我第一次跑通时,还挺激动的。你想想看,从零开始,搭环境、写代码、跑起来,前后不到半小时。鸿蒙的开发体验,确实比我想象中顺畅。

1.5 避坑指南

最后,分享几个我实战中遇到的坑:

  • 模拟器启动慢:第一次启动模拟器可能要几分钟,别急。如果一直卡住,试试重启DevEco Studio
  • SDK版本不匹配:项目用的SDK版本和本地安装的不一致,会报错。建议统一用最新版
  • 代码提示不出现:有时候IDE抽风,重启一下就好了。嗯,重启大法好

我的习惯:每次新建项目,我都会先跑一遍默认模板,确保环境没问题。然后再开始改代码。这样能避免“写了半天发现是环境问题”的尴尬。

好了,第一章就到这里。环境搭好了,Hello World也跑起来了,咱们算是迈出了第一步。下一章,我会聊聊ArkTS的变量声明和数据类型——这些东西看着基础,但用不好容易出bug。到时候见!