vscode如何添加npm调试

在VSCode中添加npm调试，可以按照以下步骤进行操作：

1. 打开项目文件夹，并在项目根目录下创建一个`.vscode`文件夹（如果还没有）。
2. 在`.vscode`文件夹中创建一个`launch.json`文件，该文件用于配置调试器。
3. 在`launch.json`文件中，添加一个配置项，用于配置npm调试。可以参考以下示例配置：

{
  "version": "0.2.0",
  "configurations": \[
    {
      "type": "node",
      "request": "launch",
      "name": "npm debug",
      "runtimeExecutable": "npm",
      "runtimeArgs": \[
        "run-script",
        "debug"
      \],
      "port": 5858
    }
  \]
}

在上述配置中，`runtimeExecutable`指定了要使用的运行时，这里配置成了npm。`runtimeArgs`的第二个参数是npm scripts的命令名，第一个参数`run-script`不要修改。`port`指的是npm scripts中配置的`--inspect-brk=5858`调试端口号5858。\[1\]\[2\]

4. 保存`launch.json`文件。
5. 在VSCode的调试面板中，选择`npm debug`配置，并点击调试按钮启动npm调试。

这样，VSCode就会使用npm运行调试命令，并连接到指定的调试端口，实现npm调试功能。\[1\]\[2\]
#### 引用[.reference_title]
- *1* *2* [使用vscode调试npm scripts](https://blog.csdn.net/tankpanv/article/details/121434587)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [VSCode中npm包管理器安装到卸载](https://blog.csdn.net/weixin_44538225/article/details/122228542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]