2、TypeScript 入门指南：项目搭建与类型检查

TypeScript 入门指南：项目搭建与类型检查

1. 开启 TypeScript 之旅

如果你想开启 TypeScript 的学习之旅，那真是太棒了！但问题是，该如何开始呢？你可以通过多种方式将 TypeScript 集成到项目中，具体方式会因项目需求而有所不同。就像 JavaScript 可以在多种运行时环境中运行一样，TypeScript 也有多种配置方式，以满足不同的目标需求。

TypeScript 能满足你大部分的转译需求，但无法创建用于 Web 分发的压缩和优化捆绑包，像 ESBuild 或 Webpack 这样的打包工具可以处理这个任务。此外，还有一些配置会包含其他转译器，如 Babel.js，它们可以与 TypeScript 很好地配合使用。

由于 TypeScript 有超过十年的历史，为了兼容性，它保留了一些旧时代的遗留内容。因此，我们会重点关注现代 JavaScript 语法和 Web 标准的最新发展。

2. 对 JavaScript 进行类型检查

2.1 问题

你希望以最少的工作量为 JavaScript 进行基本的类型检查。

2.2 解决方案

在你想要进行类型检查的每个 JavaScript 文件开头添加单行注释 @ts-check 。使用合适的编辑器，当 TypeScript 遇到不匹配的内容时，你会看到红色波浪线提示。

2.3 讨论

TypeScript 是 JavaScript 的超集，所有有效的 JavaScript 代码也是有效的 TypeScript 代码。