怎么在VSCode里编写TypeScript-自动编译为JS文件的方案-VSCode-PHP中文网

vscode 默认不自动编译 .ts 文件，必须安装本地 typescript、配置有效的 tsconfig.json（含 outdir 和 rootdir）、并通过 tasks.json 设置 isbackground:true 的 tsc --watch 任务才能实现保存自动编译。

怎么在vscode里编写typescript-自动编译为js文件的方案

VSCode 默认不自动编译 .ts 文件，必须显式配置 tsc 监听任务 + 正确的 tsconfig.json，否则你看到的“没报错”只是编辑器在做类型检查，.js 文件根本不会生成。

确认 tsc 命令可用是前提

VSCode 自带 TypeScript 语言服务，但 tsc 编译器是独立工具，不装就无法生成 .js。本地项目安装比全局更稳妥：

npm install --save-dev typescript（推荐）
终端执行 npx tsc -v，能看到版本号（如 5.4.5）才算成功
如果只装了全局 tsc，但项目里有 typescript@5.0 而全局是 4.9，可能因版本差异导致 tsconfig.json 中新字段（如 moduleResolution: "bundler"）被忽略

tsconfig.json 必须存在且关键字段不可省略

没有 tsconfig.json，tsc 只会单文件转换，不读任何配置；有但字段缺失或注释没删，会导致监听失败或输出错乱。

Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式，用于飞书日历导入导出及数据集成。

下载

运行 npx tsc --init 生成基础配置
必须手动修改这两项（其他可后续调整）：
– "outDir": "./dist"：指定 JS 输出目录，路径不存在会自动创建
– "rootDir": "./src"：明确源码起始位置，避免 tsc 扫描 node_modules 或误编译配置文件
删掉所有以 // 开头的行——JSON 不支持注释，tsc 会直接报错退出
如果项目含 .tsx，加 "jsx": "react-jsx"；后端用 Node.js 就设 "module": "commonjs"

用 tasks.json 绑定 Ctrl+Shift+B 启动监听

每次开终端敲 npx tsc --watch 太重复，VSCode 的任务系统能一键触发并保持后台运行。

按 Ctrl+Shift+P → 输入 “Tasks: Configure Task” → 选 “Create tasks.json from template” → “Others”
替换内容为以下结构，重点核对 command 和 args：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "tsc: watch",
      "type": "shell",
      "command": "npx tsc",
      "args": ["--watch"],
      "group": "build",
      "isBackground": true,
      "problemMatcher": ["$tsc-watch"]
    }
  ]
}

isBackground: true 是关键，缺了它任务执行完就退出，无法持续监听
problemMatcher 让 VSCode 正确捕获错误信息，否则报错只显示在终端里，不标红
配置完后按 Ctrl+Shift+B → 选 “tsc: watch”，终端应输出 Found 0 errors. Watching for file changes.

常见失败现象和绕过技巧

保存 .ts 文件后没生成 .js？大概率卡在这几个点：

error TS18003: No inputs were found...：说明 include 或 exclude 配置让 tsc 没扫到你的 .ts 文件。最简解法是加一行 "include": ["**/*.ts"]，或确保文件在 rootDir 下
改了 .ts 文件但 .js 没更新：检查 outDir 是否和 rootDir 重叠（比如都设成 "."），这会导致 tsc 拒绝写入以防覆盖源码
想快速验证逻辑又不想配构建流程：直接装 ts-node，npx ts-node src/index.ts 即可运行，它不生成 .js 文件，但能跳过编译环节