TypeScript 入门

TypeScript 编译器

TypeScript 使用编译器转译成 JavaScript。

TypeScript 被转换成 JavaScript 意味着它可以在 JavaScript 运行的任何地方运行!


安装编译器

TypeScript 有一个官方编译器,可以通过 npm 安装。

在此处了解有关 npm 的更多信息以及如何开始:什么是 npm?

在您的 npm 项目中,运行以下命令来安装编译器:

npm install typescript --save-dev

这应该会给你类似的输出:

added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities

编译器安装在 node_modules 目录下,可以通过 npx tsc 运行。 p>

npx tsc

这应该会给你类似的输出:

Version 4.5.5
tsc: The TypeScript Compiler - Version 4.5.5

后面是所有常用命令的列表。


配置编译器

默认情况下,TypeScript 编译器在空项目中运行时会打印帮助消息。

可以使用 tsconfig.json 文件配置编译器。

您可以让 TypeScript 使用以下推荐设置创建 tsconfig.json:

npx tsc

这应该会给你类似的输出:

使用以下命令创建了一个新的 tsconfig.json:
TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true

您可以在 https://aka.ms/tsconfig.json
了解更多信息

下面是您可以添加到 tsconfig.json 文件的更多内容的实例:

{
  "include": ["src"],
  "compilerOptions": {
    "outDir": "./build"
  }
}

您可以在编辑器中打开文件以添加这些选项。 这将配置 TypeScript 编译器以将位于项目 src/ 目录中的 TypeScript 文件转换为 build/ 目录中的 JavaScript 文件。

这是快速开始使用 TypeScript 的一种方法,还有许多其他选项可用,例如 create-react-app template, node starter project, webpack plugin.


TypeScript 练习

学习训练

训练:

TypeScript编译器可以配置哪个文件?

.json
	

开始训练