【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置

简介: 【HarmonyOS 4.0 应用开发实战】TypeScript 快速入门之环境配置



二、鸿蒙应用开发快速入门

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 的运行环境。

  1. 安装 VSCode 编辑器
    **VSCode**是一款轻量级、开源且功能丰富的集成开发环境(IDE),支持多种编程语言,具有强大的插件系统。下载地址为:https://code.visualstudio.com/

  1. 安装Code Runner 插件
    Code Runner是一款在VSCode中使用的插件,它提供了简便的代码执行功能,支持多种编程语言,使开发者能够快速运行和调试代码片段。
  2. 安装ts-nodets-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,另其重新加载环境变量和相关依赖。

  1. 编写程序并运行
    在完成上述环境的准备后,就可以编写Typescript程序并运行了,具体操作如下
    首先在合适的位置创建一个工程目录,例如D:\workspace\hello-ts,然后使用VSCode打开目录

之后创建Typescript文件,点击New File

注意,文件的后缀为.t

之后就可以编写Typescript代码并运行了


第二期完结,等待第三弹…

关注博主,收藏专栏持续更新…



B站同步开发教程视频:https://www.bilibili.com/video/BV1Ti4y1s79B/


欢迎添加微信,加入我的核心小队,请备注来意

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

目录
相关文章
|
2月前
|
存储 移动开发 Android开发
HarmonyOS应用开发者高级认证(88分答案)
HarmonyOS应用开发者高级认证(88分答案)
514 0
|
2月前
|
JavaScript 前端开发 开发者
深入理解ArkTS:Harmony OS 应用开发语言 TypeScript 的基础语法和关键特性
深入理解ArkTS:Harmony OS 应用开发语言 TypeScript 的基础语法和关键特性
55 0
|
8天前
|
存储 JSON JavaScript
HarmonyOS应用开发者基础认证 模拟考试 题库
HarmonyOS应用开发者基础认证 模拟考试 题库
13 0
|
1月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
24 0
|
1月前
|
安全 IDE 开发工具
HarmonyOS的功能及场景应用
一、基本介绍 鸿蒙HarmonyOS主要应用的设备包括智慧屏、平板、手表、智能音箱、IoT设备等。具体来说,鸿蒙系统是一款面向全场景(移动办公、运动健康、社交通信、媒体娱乐等)的分布式操作系统,能够支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备,通过同一套系统能力、适配多种终端形态。 二、应用HarmonyOS的设备 1、智能手机: HarmonyOS用于华为的智能手机,旨在提供更流畅的用户体验和更好的多设备协同功能。 2、平板电脑: 华为的平板电脑也可以运行HarmonyOS,使用户可以在不同设备之间共享应用和数据。 3、智能电视: HarmonyOS用于智能电视,提供智能家
32 0
|
2月前
|
存储 JavaScript 前端开发
HarmonyOS应用开发者基础认证考试(95分答案)
HarmonyOS应用开发者基础认证考试(95分答案)
295 0
|
2月前
|
JavaScript API 开发者
【HarmonyOS 4.0 应用开发实战】ArkTS 快速入门
【HarmonyOS 4.0 应用开发实战】ArkTS 快速入门
231 0
|
8月前
|
IDE JavaScript API
HarmonyOS开发第一步,熟知开发工具DevEco Studio
本文主要以常见的功能点作为概述希望可以帮助到学习HarmonyOS的开发者。
214 0
|
3月前
|
数据管理 API 调度
【华为鸿蒙系统学习】- HarmonyOS4.0开发|自学篇
【华为鸿蒙系统学习】- HarmonyOS4.0开发|自学篇
200 0
|
3月前
|
前端开发 JavaScript 开发者
鸿蒙2.0!用 JavaScript 开发鸿蒙应用
鸿蒙2.0!用 JavaScript 开发鸿蒙应用