vsccode 显示npm脚本

Visual Studio Code (VSCode) 是一款非常流行的轻量级代码编辑器，它支持多种语言和丰富的插件生态系统，其中包括对 Node.js 和 npm 的集成。要在 VSCode 中显示和运行 npm 脚本，你需要安装 `vscode-task` 插件或者直接使用内置任务功能。

1. **安装**：打开VSCode，点击左侧的扩展商店图标（或快捷键 `Ctrl+Shift+X`），搜索 "Tasks" 或 "Task runner"，找到并安装 "Prettier - Code formatter" 和 "vscode-icons" 这两个辅助插件也可以提高体验。

2. **配置tasks.json**：创建一个名为 `.vscode/tasks.json` 的文件（如果没有自动创建，可以在任意地方右键新建），添加 npm 脚本的任务配置。例如：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "npm run start",
            "type": "shell",
            "command": "npm",
            "args": ["run", "start"],
            "problemMatcher": []
        }
    ]
}

这里的 `"label"` 可以是你自定义的命令名，如 `npm run build`、`npm test` 等。

3. **运行脚本**：通过命令面板 (`Ctrl+Shift+P` 或者 "Terminal: Run Task")，输入任务名称即可执行。你也可以在工作区的终端或者调试视图里直接输入 `npm run <script_name>` 来运行。

4. **查看输出**：任务运行的结果通常会显示在终端面板下方，包括任何错误消息或输出信息。