VSCode是否支持通过UI将npm脚本直接添加至launch.json？

内置功能快捷操作 #

• 在package.json里点击脚本上方的调试按钮运行对应脚本后，VSCode会生成临时调试配置：
  1. 打开左侧「运行和调试」面板（快捷键Ctrl+Shift+D）
  2. 点击面板顶部配置下拉菜单，选择「添加配置...」
  3. 选中「Node.js: NPM」选项，VSCode会自动填充当前运行的脚本名称，无需手动输入
  4. 保存后，launch.json会自动创建（若之前不存在）

实用扩展推荐 #

• NPM Scripts：侧边栏直接列出所有npm脚本，右键任意脚本即可选择「Add to launch.json」，一键生成对应调试配置，全程UI操作无需手动编辑JSON
• Debugger for Node.js：官方扩展支持在运行npm脚本后，一键将临时配置保存到launch.json，配合临时运行技巧使用更高效

简化工作流方案 #

• 命令行快速生成基础模板：终端输入code .vscode/launch.json，不存在的文件会自动创建基础结构，只需修改npmScript字段即可
• 复用配置模板：复制以下代码到launch.json，替换scriptName为目标脚本名：

  {
      "version": "0.2.0",
      "configurations": [
          {
              "type": "node",
              "request": "launch",
              "name": "npm: scriptName",
              "runtimeExecutable": "npm",
              "runtimeArgs": [
                  "run",
                  "scriptName"
              ],
              "skipFiles": [
                  "<node_internals>/**"
              ]
          }
      ]
  }
  

内容的提问来源于stack exchange，提问作者enoeht