如何在C#控制台项目中配置TypeScript自动编译

步骤1：正确配置tsconfig.json #

• 将tsconfig.json放在Site_source目录的根路径（确保能覆盖所有需要编译的TS文件）
• 配置文件内容示例：

  {
    "compilerOptions": {
      "target": "ES6", // 可指定ESNext等更高版本
      "outDir": "./dist", // 可选，指定编译后JS的输出目录
      "strict": false // 可根据需求开启严格模式
    },
    "include": ["./**/*.ts"], // 包含所有子目录下的TS文件
    "exclude": ["node_modules"]
  }
  

步骤2：配置Visual Studio项目的TypeScript编译设置 #

• 右键你的C#控制台项目 → 属性 → 切换到TypeScript Build选项卡（若未显示，确认TypeScript SDK已正确安装）
• 在ECMAScript version下拉列表中选择ES6（或更高版本）
• 勾选Enable TypeScript compile on save，确保保存TS文件时自动触发编译
• 关键：在General区域勾选Use tsconfig.json，让VS优先读取你的配置文件，而非默认的ES3设置

步骤3：清除单个文件的自定义编译设置 #

• 若之前给单个TS文件单独设置过编译选项，右键该.ts文件 → 属性 → TypeScript Build
• 确保Inherit from project settings被勾选，避免单个文件设置覆盖全局配置

步骤4：验证编译效果 #

• 修改一个包含class的TS文件，按Ctrl+S保存
• 打开对应的编译后JS文件，检查是否生成了ES6标准的class语法，而非ES3的函数模拟形式

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