vscode 自动编译TS文件到JS

在Visual Studio Code中，要自动编译TypeScript（TS）文件为JavaScript（JS）文件，你需要做以下几步：

1. 确保你已经安装了TypeScript编译器。如果没有安装，可以通过运行npm install -g typescript来全局安装。
2. 在VS Code中安装TypeScript插件。
3. 打开或创建一个包含tsconfig.json的TypeScript项目。tsconfig.json文件定义了编译选项和编译范围。
4. 在tsconfig.json中设置compileOnSave为true，这样VS Code就会在保存TS文件时自动编译它。

下面是一个简单的tsconfig.json示例：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "./dist",
    "sourceMap": true
  },
  "compileOnSave": true
}

确保你的VS Code设置（settings.json）中的files.autoSave被设置为onFocusChange或onWindowChange，这样当你在VS Code中切换焦点或窗口时TS文件才会自动保存并编译。

{
  "files.autoSave": "onFocusChange"
}

现在，当你在VS Code中编辑TypeScript文件并切换焦点或者保存文件时，它应该会自动编译为JavaScript。