使用 tsconfig.json 配置

tsconfig.json 文件指定 TypeScript 项目的根目录以及构建该项目所需的编译器选项。

每当您在项目目录中运行 tsc 时，编译器都会搜索此文件以指导其编译行为。

tsconfig.json 文件的结构

典型的配置文件如下所示：

{
  "compilerOptions": {
    "target": "es2022",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

主要属性是：

• compilerOptions：编译器的设置。
• include：指定要编译的文件或文件夹。
• exclude：指定编译期间要忽略的文件或文件夹。

主要编译器选项

以下是一些需要了解的最重要的设置：

1. target：指定编译器输出的 JavaScript 版本（例如 es5、es6/es2015、es2020、esnext）。
2. module：指定编译代码中使用的模块系统（例如，commonjs、esnext、node16）。
3. strict：启用一系列严格的类型检查行为。强烈建议将其设置为 true 以获得最大的类型安全性。它启用以下选项：
   • noImplicitAny：当未提供类型注释时，在具有隐含 any 类型的表达式和声明上引发错误。
   • strictNullChecks：防止将 null 或 undefined 分配给未明确将它们包含在其联合中的类型。

自己尝试一下

练习 1：处理 strictNullChecks

练习 2：不使用隐式 Any 的严格键入