📜  如何安装打字稿?

📅  最后修改于: 2022-05-13 01:56:25.250000             🧑  作者: Mango

如何安装打字稿?

Typescript 通过静态类型检查提前验证您的 JavaScript。代码由浏览器解释,但如果您的代码被破坏,您将无法捕捉到它,直到运行时浏览器出现错误。该语言是 JavaScript 的严格超集,这意味着当您打开一个 ts 文件时,您可以编写纯 JavaScript,其所有额外功能都是完全可选的。

我们可以使用tsc运行 typescript 编译器 命令,它将接受打字稿 文件并将其转换为vanilla JavaScript。一个打字稿项目总是有一个ts 配置文件,它可以帮助我们自定义编译器的行为。 typescript 的主要目标是启用静态类型,这是通过允许用户使用类型注释代码来实现的。

先决条件

  • 下载NodeJS 框架并将其安装到您的计算机系统上。

以下是安装 TypeScript 的分步指南:

第 1 步:转到开始菜单,然后单击命令提示符。

第 2 步:要安装 typescript,我们必须使用 NPM,NPM 称为节点包管理器。顾名思义,它用于将 NodeJS 包安装到我们的系统上。

在相同的 NodeJS 命令提示符下运行以下命令来安装打字稿:

npm install --global typescript

上面的命令会将打字稿安装到我们的本地系统上。要验证安装,请运行以下命令:

tsc -v

这里tsc是一个打字稿编译器,-v 标志表示我们正在显示打字稿的版本,如下图所示:

至此,typescript 已成功安装到您的系统上。

第 3 步:要安装特定版本的打字稿,请使用以下命令,“@”后跟版本。

npm install --global typescript@4.x.x

在这里,“x”可以更改为我们要安装的版本,如下图所示:

第 4 步:要卸载 typescript,请使用与安装 typescript 相同的命令,并将安装替换为卸载。这是命令:

npm uninstall --global typescript

现在,让我们通过 typescript创建一个简单的 hello world 项目

第 1 步:在桌面上创建一个文件夹并创建一个名为“main.ts”的文件。您可以为此文件和文件夹编写任何您想要的名称。

第 2 步:打开 NodeJS 命令提示符并导航到我们在第 1 步中创建的文件夹路径。

cd path/to/the/folder

第 3 步:在该命令提示符下运行 Initialization 命令,为我们的简单项目创建必要的配置文件。

tsc --init

这个 tsc –init 命令将为 typescript 编译器创建一个名为 tsconfig.json 的配置文件。该文件包含我们将在执行程序时使用的 typescript 编译器的所有配置。

第 4 步:打开我们在第 1 步中创建的 main.ts。下面是打字稿中的 hello world 代码。它将在控制台中显示字符串,以确认打字稿编译器的工作。

打字稿 main.ts 代码:

main.ts
/**  Hello world programm using Typescript  */
  
let helloTypescript: string;
    
helloTypescript = 
  "Typescript is successfully installed"+
  " onto this system. -GeeksforGeeks";
    
console.log(helloTypescript);


在执行 typescript 编译器之前,应将上述代码粘贴并保存在 main.ts 文件中。

第 5 步:使用文件名作为参数运行 typescript 编译器以查看结果。

tsc

这将从该打字稿文件创建一个已编译的 JS 文件。现在要运行 JS 文件,我们将使用 NodeJS,如下所示。

node main.js

输出:

打字稿你好世界