TypeScript 初学者指南：你应该知道的内容

TypeScript 是一门优秀的编程语言，于 2012 年正式发布。它是 JavaScript 的类型化超集，可编译为纯 JavaScript。TypeScript 是纯面向对象的语言，包含类和接口，并且像 C# 或 Java 一样具有静态类型。流行的 JavaScript 框架 Angular 2.0 就是用 TypeScript 编写的。掌握 TypeScript 可以帮助程序员编写面向对象的程序，并将其编译为 JavaScript，无论是在服务器端还是客户端。

由于我最近才掌握使用这种编程语言的技能，我决定分享我的经验，希望能帮助那些刚刚开始旅程的人！

为什么使用 TypeScript 会有帮助？
正如前文所述，TypeScript 是 JavaScript 的一种子类型，它可以帮助开发人员简化原始语言，使其更容易在项目中实现。在开发者的世界里，人们对 TypeScript 以及它给代码编写过程带来的普遍影响存在很多疑虑。但我认为，TypeScript 知识的学习并不会占用你大量的时间，反而会给你带来很多好处，尤其是在使用 JavaScript 的情况下。

此外，TypeScript 扩展了 JavaScript，并提升了开发者体验。它使开发人员能够为其项目添加类型安全性。TypeScript 还提供各种其他功能，例如接口、类型别名、抽象类、函数重载、元组、泛型等。

设置 typescript
第一个也是最明显的步骤是了解 JavaScript:) 因为 typescript 基于这种编程语言，所以学习它主要取决于你对 JavaScript 的理解。你不必是 JavaScript 大师，但如果不了解这种语言的一些基础知识，使用 TypeScript 是一项具有挑战性的任务。

当我处理这种编程语言时，我发现了几十种不同的资源来解释编写代码的机制，而且官方文档对我来说也很有帮助，你可以在这里找到。

有几个基本步骤可以帮助您开始使用 TypeScript。

步骤 1. 安装
在此步骤中，您需要在计算机和npm命令管理器上安装 Node.js。

也可以使用 Visual Studio TypeScript 插件，但我个人更喜欢使用 Node.js

> npm install -g typescript

安装 Node.js 后，运行 node-v查看安装是否成功。

第 2 步：生成 Node.js 文件
使用npm init命令，您将需要生成 Node.jspackage.json文件，该文件将介绍有关您的项目的系统性问题。

步骤 3：添加 TypeScript 依赖项
现在，当我们在 Node.js 中准备环境时，我们需要使用以下命令安装 TypeScript 依赖项：

npm install -g typescript

该命令将在系统范围内安装 TypeScript 编译器。从那时起，您在计算机上创建的任何项目都可以访问 TypeScript 依赖项，而无需重新安装 TypeScript 包。

步骤 4：安装 TypeScript 环境声明
这可能是 TypeScript 提供的最棒的功能之一：环境声明。环境声明是一个特定的声明、类型或模块，它告诉 TypeScript 编译器实际存在于其他地方的源代码（例如变量或函数）。如果我们的 TypeScript 代码需要使用用纯 JavaScript 库（例如 jQuery、AngularJS 或 Node.js）编写的第三方库，我们随时可以编写环境声明。环境声明描述了原本存在的、将用 TypeScript 编写的类型。

TypeScript 生态系统包含数千个这样的环境声明文件，您可以通过 访问它们DefinitelyTyped。DefinitelyTyped 是一个包含由 TypeScript 社区贡献和维护的声明文件的存储库。

要安装此声明文件，请使用以下命令：

npm install --save-dev @types/node

大多数流行的 JavaScript 库类型都包含在 中
DefinitelyTyped。但是，如果您的 JavaScript 库的类型在 中缺失DefinitelyTyped，您可以随时为其编写自己的环境模块。不必为外部库中的每一行代码都定义类型，只需为您正在使用的部分定义类型即可。

第 5 步：创建一个 TypeScript 配置文件
该tsconfig.json文件是我们定义 TypeScript 编译器选项的地方。

npx tsc --init --rootDir src --outDir build

该tsconfig.json文件包含许多选项。了解何时启用和禁用这些选项很有用。TSC 会读取此文件并使用这些选项将 TypeScript 转换为浏览器可读的 JavaScript。

步骤 6：创建 scr 文件夹

src托管 TypeScript 文件：

mkdir src
touch src/index.ts

在里面src，我们还创建一个index.ts文件，然后我们就可以开始编写一些 TypeScript 代码。

在编写 Typescript 时，建议在项目的本地依赖项中安装 Typescript 编译器。

步骤 7.执行 TypeScript
现在，tsc使用npxNode 包执行器运行命令。tsc将读取tsconfig.json当前目录中的文件并针对 TypeScript 编译器应用配置以生成编译后的 JavaScript 代码：

npx tsc

现在运行以下命令来执行代码：

node dist/index.js

基本上就是这样；我们已经建立了一个环境并编译了我们的第一个 TypeScript 文件，现在我们可以开始编写代码了。

重要事项
开始使用 TypeScript 时，您应该考虑以下事项：

1. TypeScript 的编写时间比 JavaScript 更长，因为你必须指定类型，所以对于小型项目来说可能不值得使用；
2. TypeScript 必须经过编译，这可能需要一些时间，尤其是在较大的项目中。

以上是 TypeScript 的两个局限性；这并不意味着你不应该在大型项目中使用它，但你应该意识到它可能会减慢代码编写速度。所以，如果你有一个紧急的大型项目，请仔细考虑是否使用 TypeScript。

在这篇文章中，我只是简要地解释了设置 TypeScript 的基础知识及其用途，但为了能够基于这种编程语言构建项目，您需要了解很多理论，特别是有关类、模块、变量、函数、接口等的理论。与任何编程语言一样，理论是允许开发人员避免错误（在大多数情况下）并成功创建和运行项目的基础。

结论：
由于 TypeScript 生成的是纯 JavaScript 代码，因此您可以在任何浏览器中使用它。TypeScript 也是一个开源项目，它提供了许多面向对象的编程语言特性，例如类、接口、继承、重载和模块。总而言之，TypeScript 是一种很有前途的语言，它无疑可以帮助您整洁地编写和组织 JavaScript 代码库，使其更易于维护和扩展。