第一章: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,那界面看着会很眼熟。
安装步骤:
- 去华为开发者官网下载DevEco Studio(Windows/Mac都支持)
- 双击安装包,一路Next就行
- 注意:安装路径不要有中文,否则可能出幺蛾子
- 安装完成后,启动时会自动检测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。这是每个程序员的仪式感,对吧?
操作步骤:
- 点击“Create Project”
- 选择“Empty Ability”模板
- 填写项目名:比如“HelloWorld”
- 选择语言:ArkTS
- 点击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。到时候见!