Visual Studio Code 自动编译 TypeScript

在Visual Studio Code中，要自动编译TypeScript，你需要做以下几步：

1. 确保你的项目中已经安装了TypeScript编译器，可以通过运行npm install typescript --save-dev来安装。
2. 在项目根目录下创建一个tsconfig.json文件，这个文件包含了编译器的配置选项。
3. 确保tsconfig.json中的outDir选项指向你想要输出JavaScript文件的目录。
4. 安装TypeScript插件到Visual Studio Code。
5. 在Visual Studio Code设置中启用自动保存功能。

以下是一个简单的tsconfig.json文件示例：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "sourceMap": true
  },
  "include": [
    "./src/**/*"
  ]
}

确保你的Visual Studio Code设置中启用了自动保存：

1. 打开命令面板 (Ctrl+Shift+P 或 Cmd+Shift+P).
2. 输入 settings 并选择 Preferences: Open Settings (JSON).
3. 添加以下配置：

{
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 1000
}

这样配置后，每当你在Visual Studio Code中编辑TypeScript文件时，在文件保存后大约1秒钟后，TypeScript文件会被自动编译成JavaScript并保存到outDir指定的目录中。