如何在vscode中使ts自动转译成js文件

在VSCode中，要让TypeScript自动编译成JavaScript文件，你需要进行以下几个步骤：

1. 确保你已经安装了TypeScript。可以通过运行npm install -g typescript来全局安装TypeScript。
2. 在VSCode中打开你的TypeScript项目。
3. 在项目根目录下创建一个tsconfig.json文件，这个文件用于配置TypeScript编译器的选项。一个基本的tsconfig.json文件可以通过运行tsc --init生成。
4. 确保tsconfig.json中的outDir选项指向你想要输出JavaScript文件的目录。
5. 安装并使用TypeScript VSCode插件，这样VSCode会自动监视你的TypeScript文件的变化，并在保存时自动编译成JavaScript。
6. （可选）你也可以在tasks.json中设置一个任务，来手动触发编译过程。

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

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

这个配置文件指定了TypeScript编译器的目标环境、模块系统、输出目录，并包含了项目中的TypeScript文件。

当你保存一个TypeScript文件时，VSCode的TypeScript插件会自动编译这个文件并将生成的JavaScript文件保存在outDir指定的目录下。如果你没有安装TypeScript插件，你也可以通过VSCode的终端运行tsc命令来手动编译整个项目。