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 一起运行:

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

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

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

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

这是快速使用 TypeScript 的一种方法,还有许多其他选项可用,例如创建 create-react-app templatenode starter projectwebpack 插件