能在.ts文件中实时更改的情况下自动编译.ts吗？

在 TypeScript 中，可以使用 TypeScript 编译器（tsc）的 --watch 或 -w 选项来实现实时编译 .ts 文件的功能。当您启用这个选项后，任何对 TypeScript 文件的更改都将触发重新编译。

如何设置

首先，确保您已经全局安装了 TypeScript。如果没有安装，可以通过 npm 安装：

bash
npm install -g typescript

接下来，您可以在项目的根目录下运行以下命令来启动实时编译：

bash
tsc --watch

或者使用短选项：

bash
tsc -w

这个命令将会监视您项目中所有 .ts 文件的更改，并且当文件被修改时自动进行编译。

实际应用例子

假设您正在开发一个 Node.js 应用程序，并且项目中有一个文件 app.ts。您可以在项目根目录下打开终端，然后运行 tsc -w。这样，每次当您修改并保存 app.ts 文件时，TypeScript 编译器都会自动将其编译成 JavaScript，通常是 app.js，这取决于您的 tsconfig.json 配置。

tsconfig.json

为了更细致地控制编译过程，您可以在项目根目录中创建一个 tsconfig.json 文件，定义编译选项，例如输出目录、目标 ECMAScript 版本等。例如：

json
{
  "compilerOptions": {
    "outDir": "./dist",
    "module": "commonjs",
    "target": "es6",
    "strict": true
  },
  "include": ["src/**/*"]
}

在这个配置中，所有的 .ts 文件都会被编译到 dist 目录中，目标是 ECMAScript 6，只包括 src 目录下的文件。

总结

使用 TypeScript 的 --watch 选项，可以极大地提高开发效率，特别是在开发阶段，您可以即时看到更改的效果。这是一个非常实用的功能，特别是在大型项目中，它可以帮助开发者快速迭代和调试代码。