首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用npm从VSCode运行脚本进行调试?

如何使用npm从VSCode运行脚本进行调试?
EN

Stack Overflow用户
提问于 2016-01-17 04:25:37
回答 13查看 89.4K关注 0票数 84

我以前使用gulp和运行gulp从Visual Studio Code debugger启动我的应用程序和侦听器,但最近需要切换到通过npm运行脚本。不幸的是,在VSCode中,我不能通过调试器运行npm脚本,所以我不得不求助于运行节点来直接启动我的服务器,这样就摆脱了自动重新加载代码的侦听器任务。

这看起来应该很简单,但到目前为止,我没有太多的运气。下面是我的launch.json文件中的一个片段,我试图使用它,但是找不到npm。

代码语言:javascript
运行
AI代码解释
复制
{
    ...
        "program": "npm",
        "args": [
            "run",
            "debug"
        ],
    ...
}

这给出了下面的错误。

错误请求'launch':程序'c:\myproject\npm‘不存在

相关资源:

EN

回答 13

Stack Overflow用户

发布于 2016-09-21 05:02:35

VS代码似乎将支持release from October 2016中的npm脚本和其他启动场景。

下面是一个proposed on GitHub的例子。

packages.json

代码语言:javascript
运行
AI代码解释
复制
  "scripts": {
    "debug": "node --nolazy --debug-brk=5858 myProgram.js"
  },

vscode启动配置

代码语言:javascript
运行
AI代码解释
复制
{
    "name": "Launch via NPM",
    "type": "node",
    "request": "launch",
    "cwd": "${workspaceRoot}",
    "runtimeExecutable": "npm",
    "runtimeArgs": [
        "run-script", "debug"
    ],
    "port": 5858
}
票数 68
EN

Stack Overflow用户

发布于 2016-04-06 12:55:18

  1. 在.vscode/Launch.json中配置新的调试目标:

{ "name":"Attach to npm","type":" node ","request":"attach","port":5858,"address":"localhost","restart":false,"sourceMaps":false,"outDir":null,"localRoot":"${workspaceRoot}","remoteRoot":null }

  • 使用--debug-brk选项配置您的npm运行节点:

“脚本”:{ "start":"node app.js","debug":"node --debug-brk app.js“...

  • 从shell启动您的应用程序,如下所示:

$npm运行调试

  • 默认情况下,程序将在端口5858中等待附加调试器

  • ,以便在visual studio代码中运行调试器(“附加到npm”)。

  • 享受您的调试器:)
票数 23
EN

Stack Overflow用户

发布于 2021-08-27 12:23:59

现在,当你将鼠标悬停在package.json中的脚本名称上时,VS代码会给你一个“调试脚本”按钮。

票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34835082

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文