一、熟悉鸿蒙官网
二、安装DevEco Studio
1,下载并安装
下载完成后,点击安装即可,安装步骤可参考官网教程:
下载完成后,双击下载的“deveco-studio-xxxx.exe”,进入DevEco Studio安装向导。在如下界面选择安装路径,默认安装于C:\Program Files路径下,也可以单击Browse...指定其他安装路径,然后单击Next。
2,配置开发环境
(1)安装完成后,运行DevEco Studio,首次使用,请选择Do not import settings,单击OK。
(2)安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm(Node.js版本要求为v14.19.1及以上,且低于v17.0.0;对应的npm版本要求为6.14.16及以上)路径位置;如果本地没有合适的版本,可以选择Install按钮,选择下载源和存储路径后,进行在线下载,单击Next进入下一步。
三、创建运行项目
1,创建新工程
2,运行项目
四、TS语言
ArkTs语言是以JS和TS为基础衍生而来的,复杂度较大、团队合作度较高的程序,以数据驱动更新来实现UI更新。
1,变量声明
Typescript在Javascript的基础上加入了静态类型检查功能,因此每一个变量都有固定的数据类型。
string, number, boolean, any, union, object, array。
2,条件控制
Typescript与大多数开发语言类似,支持基于if-else 和switch的条件控制。
3,循环迭代
Typescript支持for和while循环,并且为一些内置类型如Array等提供了快捷迭代语法。
4,函数
Typescript通常理由function关键字声明函数,并且支持可选参数、默认参数、箭头函数等特殊语法。
5,类和接口
Typescript具备面向对象编程的基本语法,例如interface, class, enum等。也具备封装继承、多态等面向对象基本特征。
6,模块开发
应用复杂时,我们可以把通用功能抽取到单独的ts文件中,每个文件都是一个模块(module)。模块可以相互加载,提高代码复用性。
五、ArkTs快速入门
六、安装模拟器
我们也可以利用设备模拟器来查看更真实的效果。不过需要先配置模拟器。
首先,选择主菜单中的Tools,找到其中的Device Manager,即设备管理:
设备可以是远端设备
,也可以是本地设备
,我们以本地设备为例。
默认本地没有任何设备,选择install来安装一个:
首次点击时,会弹出一个窗口,下载必要的SDK依赖:
等待一段时间的下载之后,选择Finish。
进入创建模拟器页面,选择New Emulator:
添加手机模拟器:
选择api9版本,不过需要注意,首次进入此页面,需要下载手机设备需要的系统,大概2.2G,需要耐心等待:
下载完成后,才可以选中,然后点击Next,进入下一步:
finish:
创建完成后,在设备列表中会出现一个本地设备,点击后面的运行按钮即可启动设备模拟器:
启动后如图:
然后,在应用启动位置选择刚刚添加的模拟器:
点击启动,可以将应用部署到模拟器:
效果与预览类似:
七、中文插件
效果预览: