二、鸿蒙应用开发快速入门
2.1 鸿蒙应用概述:
HarmonyOS 应用的主要开发语言是
ArkTS
,它由TypeScript
(简称TS)扩展而来,在继承TypeScript
语法的基础上进行了一系列优化,使开发者能够以更简洁、更自然的方式开发应用。值得注意的是,TypeScript
本身也是由另一门语言JavaScript
扩展而来。因此三者的关系如下图所示:
2.2 TypeScript 快速入门
2.2.1 运行环境说明
2.2.1.1 线上Playground
TypeScript
提供了一个线上的 Playground
供练习使用,地址为https://www.typescriptlang.org/zh/play。
2.2.1.2 本地运行环境
除去线上的运行环境,我们也可以在本地搭建一个 TS 的运行环境。
- 安装 VSCode 编辑器
**VSCode
**是一款轻量级、开源且功能丰富的集成开发环境(IDE),支持多种编程语言,具有强大的插件系统。下载地址为:https://code.visualstudio.com/
- 安装Code Runner 插件
Code Runner是一款在VSCode中使用的插件,它提供了简便的代码执行功能,支持多种编程语言,使开发者能够快速运行和调试代码片段。
- 安装ts-node
ts-node
是一个TypeScript
的运行环境,它允许我们直接运行TypeScript
代码。ts-node
的安装和运行依赖于Node.js
环境,因此在安装ts-node
之前,我们需要准备好Node.js
环境。准备Node.js
环境需要完成以下两步操作
- 安装
Node.js
- 由于前边在部署
DevEco Studio
时,已经下载并安装了Node.js
,因此这一步可以略过。
- 配置环境变量
- 为了方便在终端执行Node.js相关的命令,我们需要将
Node.js
的安装目录加入到Path环境变量下,具体操作如下
首先在DevEco Studio
的设置界面查看Node.js
的安装目录
加粗样式
然后打开环境变量配置面板,按下Win+R
,唤起运行窗口,之后运行命令sysdm.cpl
之后点击高级选项卡,并点击环境变量
然后在系统变量中选中Path
,并点击编辑
之后点击新建,并填入Node.js
的安装目录,完成后点击确定。
在配置完Node.js
环境后,便可在终端执行以下命令来安装ts-node
了。
npm install -g ts-node
注:完成后需要重新启动VSCode,另其重新加载环境变量和相关依赖。
- 编写程序并运行
在完成上述环境的准备后,就可以编写Typescript
程序并运行了,具体操作如下
首先在合适的位置创建一个工程目录,例如D:\workspace\hello-ts
,然后使用VSCode
打开目录
之后创建Typescript
文件,点击New File
注意,文件的后缀为.t
之后就可以编写Typescript
代码并运行了
第二期完结,等待第三弹…
关注博主,收藏专栏持续更新…
B站同步开发教程视频:https://www.bilibili.com/video/BV1Ti4y1s79B/
欢迎添加微信,加入我的核心小队,请备注来意
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇