如何安装打字稿?
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
输出: