在 macos 上用 vs code 配置 task 自动运行编译或测试脚本，核心是编辑 .vscode/tasks.json 文件，支持 shell 类型任务、自动检测 npm 脚本、watch 模式及快捷键/调试联动。
在 macos 上用 vs code 配置 task 自动运行编译或测试脚本，核心是编辑 .vscode/tasks.json 文件，让命令直接调用本地工具（如 tsc、jest、make 或 clang），无需额外插件。关键在于路径正确、分组明确、错误可定位。
配置 shell 类型任务（通用编译/测试）
适用于任意命令行工具，比如 TypeScript 编译、C 文件编译、自定义脚本：
- 按 Cmd+Shift+P 打开命令面板，输入 Tasks: Configure Task → 选 Create tasks.json file from template → 选 Others
- 替换生成的内容为标准 JSON，确保
"type": "shell"，"command"是绝对路径或已加入$PATH的命令（如tsc、make、clang） - 添加
"group": "build"或"group": "test"，方便快捷键触发（Cmd+Shift+B 默认运行 build 组） - 配上
"problemMatcher": "$tsc"或"$gcc"，让报错自动出现在「问题」面板里
自动识别 npm 脚本（省去手动写 command）
如果你的项目已有 package.json，VS Code 可自动扫描并注册脚本为任务：
- 确认
package.json中有类似"build": "tsc --build"或"test": "jest --watchAll=false"的条目 - Cmd+Shift+P → Tasks: Configure Task → 选 Detect available tasks
- 勾选要暴露的任务（如
build、test），保存后就能在 Tasks: Run Task 中看到它们 - 该方式避免重复维护命令和参数，适合团队统一脚本规范
设置 watch 模式（保存即编译）
对 TypeScript、Sass 或 C 项目，常需监听文件变化并自动构建：
- 在
tasks.json中增加一个新任务，"label": "tsc: watch"，"args": ["--watch", "--preserveWatchOutput"] - 把
"presentation"设为{"panel": "dedicated", "focus": false, "echo": false}，让它后台运行不抢焦点 - 启动后终端保持打开状态，修改 .ts 文件会实时输出编译结果和错误
- 注意：watch 任务不能设为
isDefault: true，否则 Cmd+Shift+B 会卡住；建议单独运行
绑定快捷键或联动调试
提升效率的关键一步，不只是“能运行”，还要“顺手触发”：
- 默认快捷键 Cmd+Shift+B 运行 build 组任务；Cmd+Shift+P → Tasks: Run Test Task 可快速跑测试
- 在
launch.json的调试配置中加"preLaunchTask": "tsc: build"，每次 F5 启动前自动编译 - 若使用 Code Runner，它默认不走 tasks.json；如需统一管理，建议禁用其编译功能，专注用原生 Task
