VSCode 通过集成终端和任务系统原生支持 NPM 脚本管理：终端支持 Tab 补全、多标签运行；Tasks 可配置一键执行、快捷键触发；扩展如 NPM Scripts 进一步提升效率。
VSCode 本身没有叫“内置 NPM 脚本管理器”的独立功能，但它通过 集成终端 和 任务系统（Tasks），原生支持高效运行和管理 package.json 中定义的 NPM 脚本——效果接近一个轻量、开箱即用的脚本管理器。
直接在终端里运行脚本最简单
打开 VSCode 内置终端（Ctrl+` 或 View → Terminal），输入：
-
npm run dev、npm test等，和命令行完全一致 - 按 Tab 可自动补全已定义的脚本名（需启用 shell 补全，如 PowerShell 或 zsh）
- 终端支持多标签，可同时运行
dev、test:watch、build等不同脚本
用 Tasks 快速一键执行（推荐进阶用法）
VSCode 的 tasks.json 可以把 NPM 脚本注册为可快速触发的任务，支持快捷键、命令面板调用、甚至保存时自动运行：
- 按 Ctrl+Shift+P → 输入 Tasks: Configure Task → 选择 Create tasks.json from template → npm
- 它会自动生成一个扫描
package.json中所有脚本的配置，之后你就能在 Ctrl+Shift+P → Tasks: Run Task 里看到全部脚本列表 - 可为常用脚本设置快捷键，例如在
keybindings.json中绑定：{"key": "ctrl+alt+d", "command": "workbench.action.terminal.runActiveFile", "args": {"cmd": "npm run dev"}}
扩展增强体验（非必需但很实用）
虽然不是“内置”，但几个轻量扩展能显著提升脚本管理效率：
- NPM Scripts（by eg2）：在侧边栏显示所有脚本，点击即可运行，支持分组、过滤、实时状态提示
-
Auto Run Command：保存文件时自动触发指定 NPM 脚本（比如保存
.ts文件时跑tsc --noEmit） -
npm Intellisense：在
package.json的scripts字段中，自动提示已安装包的常见脚本名（如eslint、prettier）
基本上就这些。不需要装额外工具，VSCode 配合默认终端 + Tasks 就能覆盖绝大多数 NPM 脚本使用场景，清晰、稳定、不绕路。
