TypeScript 编译选项

编译TS

编译 .ts 文件：

tsc app.ts

执行命令tsc app.ts 可以把 单个文件 app.ts编译成 app.js。
这个命令需要每次编译时手动执行。

自动编译文件

tsc app.ts -w
// 或者
tsc app.ts --watch

通常 -w 或 --watch 指令用于启动 TypeScript 编译器的监视模式。

编译文件时，使用 -w 或 --watch 指令后，TS编译器会监视指定的 TypeScript 文件或文件目录。如果任何被监视的文件发生变化，编译器会自动重新编译这些文件，确保生成的 JavaScript 文件始终是最新的。

注意：自动编译在保存代码后才开始执行。

自动编译整个项目

假设项目目录如下：

project/
├── src/
│   ├── index.ts
│   └── utils.ts
├── tsconfig.json
└── dist/

• 在项目根目录下运行 tsc 命令，会自动将当前项目下的所有.ts文件编译为.js文件。
• 在项目根目录下运行tsc -w命令，编译器会监视 src 目录下的所有 .ts 文件。
  当对 index.ts 或 utils.ts 进行修改并保存时，编译器会自动重新编译这些文件，并将生成的 JavaScript 文件输出到 对应的 目录中（这个对应的目录配置在tsconfig.json）。

以上两个操作能成功实现的前提是：先在项目根目录下创建一个 ts 的配置文件tsconfig.json。

创建tsconfig.json文件

• 手动创建：在项目的根目录下创建一个名为 tsconfig.json 的文件。
• 使用命令行工具自动生成：

tsc --init

执行命令后，在当前目录下生成一个 tsconfig.json 文件，其中包含了一些默认的配置选项。

有了tsconfig.json 文件后，即使文件里没有任何配置，也能成功执行 tsc 、tsc -w、 tsc --watch命令。
命令执行成功后，.ts文件和编译后的.js文件在同一个目录下。

配置 tsconfig.json

tsconfig.json是 TypeScript 项目的配置文件，用于指定 TypeScript 编译器的编译选项。
ts 编译器可以根据它的信息来对代码进行编译。

基本结构

{
   
   
  "compilerOptions": {
   
   
    // 编译器选项
  },
  "include": [
    // 要包含的文件或目录
  ],
  "exclude": [
    // 要排除的文件或目录
  ]
}

配置选项

注意：** 表示任意目录， * 表示任意文件

include

• 指定要包含在编译中的文件或目录。
• 默认值：["**/*"]。
• include是一个数组，其中的每个元素可以是以下的形式：
  • 具体的文件路径：例如 "src/index.ts"，指定单个 TypeScript 文件。