VS Code任务系统通过tasks.json自动化开发操作，如编译、测试、部署；2. 配置TypeScript自动编译任务并关联构建组；3. 集成Jest测试任务，指定专用终端面板运行；4. 定义组合任务按顺序执行编译与测试；5. 使用watch任务在保存时自动编译，后台监听文件变化并输出错误到问题面板。
VS Code 的任务（Tasks）系统能帮助你自动化日常开发中的常见操作，比如编译代码、运行测试、打包或部署项目。通过配置 tasks.json 文件，你可以把命令行操作集成到编辑器中，一键触发，提升效率。
配置基础任务：自动编译 TypeScript
假设你有一个 TypeScript 项目，希望保存文件后自动执行编译。可以在项目根目录创建 .vscode/tasks.json 文件：
{
"version": "2.0.0",
"tasks": [
{
"label": "tsc: build",
"type": "shell",
"command": "tsc",
"args": ["--build"],
"group": "build",
"presentation": {
"echo": true,
"reveal": "always"
},
"problemMatcher": "$tsc"
}
]
}
说明：
- label 是你在 VS Code 中看到的任务名称。
- type: "shell" 表示在终端中运行命令。
- group: "build" 将该任务设为默认构建任务，可使用快捷键 Ctrl+Shift+B 触发。
- problemMatcher 能解析 tsc 的错误输出，在“问题”面板中显示语法错误。
运行测试：集成 Jest 或 Mocha
你可以添加一个运行测试的任务，例如启动 Jest：
{
"label": "test: run",
"type": "shell",
"command": "npm",
"args": ["run", "test"],
"group": "test",
"presentation": {
"panel": "dedicated"
}
}
这个任务会被归类为测试组，可通过菜单“终端 > 运行任务 > 测试”快速执行。设置 panel: "dedicated" 可让每次都在同一个终端面板中运行，避免混乱。
组合任务：先编译再测试
有时候你需要按顺序执行多个任务。VS Code 支持定义复合任务：
{
"label": "build & test",
"dependsOn": ["tsc: build", "test: run"],
"group": "test",
"presentation": {
"echo": true
}
}
这个任务会先执行编译，然后运行测试。如果任一子任务失败，默认会停止后续执行（可通过 dependsOrder 和 dependsOn 的配置调整行为）。
触发任务：保存时自动运行
结合 watcher，可以实现保存文件时自动编译：
{
"label": "tsc: watch",
"type": "shell",
"command": "tsc",
"args": ["--watch"],
"isBackground": true,
"presentation": {
"reveal": "silent"
},
"problemMatcher": {
"owner": "typescript",
"fileLocation": "relative",
"pattern": {
"regexp": "^([^\s].*)\((\d+),(\d+)\):\s+(error|warning|info)\s+(TS\d+)\s*:\s*(.*)$",
"file": 1,
"line": 2,
"column": 3,
"severity": 4,
"code": 5,
"message": 6
}
}
}
将此任务设为监视任务后，它会在后台持续运行，检测文件变化并自动编译。配合 isBackground: true，VS Code 能正确判断任务何时真正结束。
基本上就这些。合理使用 Tasks 系统，能把重复操作变成一键执行，甚至与调试、Git 工作流联动，显著提升开发体验。不复杂但容易忽略。
