VS Code中如何使用自定义命名的tsconfig文件（如tsconfig.custom.json）

嘿，我来帮你搞定这个问题！VS Code默认确实只认tsconfig.json，但咱们完全可以调整设置让它识别自定义的配置文件，同时也有办法在编译时指定非默认的tsconfig，下面分步骤说：

让VS Code识别自定义tsconfig文件 #

VS Code的TypeScript服务允许咱们指定自定义的tsconfig路径，有两种方式：

• 通过VS Code图形化设置：按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置界面，搜索typescript.tsconfig.path，在输入框里填入你的自定义文件路径，比如./tsconfig.custom.json。保存后，VS Code就会用这个文件作为当前项目的默认tsconfig，智能提示和类型检查都会基于它来工作。
• 通过工作区配置文件：如果只想让这个设置对当前项目生效，直接在项目根目录的.vscode/settings.json里添加以下配置：

  {
    "typescript.tsconfig.path": "./tsconfig.custom.json"
  }
  

  配置完成后，建议重启一下VS Code或者执行Ctrl+Shift+P选择"Reload Window"，确保设置生效。

在项目中使用非默认命名的tsconfig文件 #

除了让VS Code识别，咱们还需要让TypeScript编译器也能使用这个自定义配置：

• 直接用tsc命令指定：编译时加上--project（简写-p）参数，比如：

  tsc -p tsconfig.custom.json
  

  这样编译器就会读取你指定的配置文件来编译代码。
• 通过npm脚本简化操作：在package.json的scripts里添加编译脚本，比如：

  {
    "scripts": {
      "build": "tsc -p tsconfig.custom.json"
    }
  }
  

  之后只要运行npm run build，就会自动用你的自定义tsconfig来编译了。
• 多配置场景：用extends继承基础配置：如果你的项目需要多个tsconfig（比如开发和生产环境分开），可以用extends字段复用基础配置。比如先写一个tsconfig.base.json存通用配置，然后在tsconfig.custom.json里继承它：

  {
    "extends": "./tsconfig.base.json",
    "compilerOptions": {
      // 这里写自定义的编译选项，比如不同的outDir、sourceMap设置等
    },
    "include": ["src/**/*"]
  }
  

  这样既避免了重复配置，又能灵活定制不同场景的编译规则。

内容的提问来源于stack exchange，提问作者IceWhisper