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

在这里插入图片描述


在这里插入图片描述


个人名片:

🐼作者简介:一名大三在校生,喜欢AI编程🎋
🐻‍❄️个人主页🥇:落798.
🐼个人WeChat:hmmwx53
🕊️系列专栏:🖼️

🐓每日一句:🍭我很忙,但我要忙的有意义!




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

2.1 鸿蒙应用概述:

HarmonyOS 应用的主要开发语言是 ArkTS,它由 TypeScript(简称TS)扩展而来,在继承TypeScript语法的基础上进行了一系列优化,使开发者能够以更简洁、更自然的方式开发应用。值得注意的是,TypeScript 本身也是由另一门语言 JavaScript 扩展而来。因此三者的关系如下图所示:

](https://img-blog.csdnimg.cn/direct/6c5eb1731e5f485482e0f6e5d9597956.png)

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/

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/023588fa8e924176bb55cfa43acf97b2.png

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

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

在这里插入图片描述

之后创建Typescript文件,点击New File
在这里插入图片描述

注意,文件的后缀为.t

在这里插入图片描述

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

在这里插入图片描述


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

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


在这里插入图片描述


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


在这里插入图片描述

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

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

相关推荐

  1. HarmonyOS开发环境配置

    2024-01-27 23:04:04       57 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-27 23:04:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-27 23:04:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-27 23:04:04       82 阅读
  4. Python语言-面向对象

    2024-01-27 23:04:04       91 阅读

热门阅读

  1. 设计模式---观察者模式

    2024-01-27 23:04:04       56 阅读
  2. cs2系统提升思路

    2024-01-27 23:04:04       63 阅读
  3. 从k8s当中学习go cli脚手架开发利器-cobra

    2024-01-27 23:04:04       47 阅读
  4. 一篇文章带你全面理解热更新技术

    2024-01-27 23:04:04       46 阅读
  5. Golang 垃圾回收

    2024-01-27 23:04:04       57 阅读
  6. js如何数组去重

    2024-01-27 23:04:04       62 阅读
  7. 抖音私信风车怎么做,详细的实现过程,附视频

    2024-01-27 23:04:04       59 阅读