vscode怎么在后台打断点

worktile 其他 19

回复

共3条回复 我来回复
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    在VsCode中,在后台打断点可以通过以下步骤进行操作:

    1. 首先,打开你的项目文件夹,或者通过File菜单中的“Open Folder”选择你的项目文件夹。确保你已经在VsCode中打开了你的项目。

    2. 然后,在编辑器的左侧边栏中选择“调试”选项卡。如果没有看到“调试”选项卡,可以使用快捷键Ctrl + Shift + D(Windows/Linux)或者Cmd + Shift + D(Mac)来打开调试视图。

    3. 在“调试”选项卡的顶部,你会看到一个齿轮图标,点击它可以打开调试配置。选择“添加配置”按钮,选择调试器类型。

    4. 在弹出的菜单中,选择你使用的编程语言。如果你使用的是JavaScript或者TypeScript,你可以选择“Node.js”调试器。

    5. 在配置文件中,你可以设置断点。将鼠标悬停在你想要设置断点的行号上,然后点击左侧的空白区域,就会在那一行上设置一个断点。你会看到一个红色的圆点表示断点已经成功设置。

    6. 现在,你可以运行你的程序了。点击调试视图顶部的绿色播放按钮,或者使用快捷键F5来开始调试。程序会在第一个断点处暂停执行。

    7. 当程序暂停时,你可以查看变量的值、执行一些调试操作,例如单步执行或者逐过程执行。你可以使用调试视图中的控制按钮来控制调试的进程。

    8. 如果你想在运行过程中添加更多的断点,可以在断点处再次点击空白区域。这样可以在点击的位置添加或删除断点。

    总结:
    通过以上步骤,你就可以在VsCode中在后台打断点来调试你的代码。注意,在设置断点之前,确保你已经正确安装了所需的调试器插件,并且在调试配置中选择了合适的调试器类型。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    在VSCode中,在后台打断点需要使用调试功能。以下是在VSCode中后台打断点的步骤:

    1. 打开VSCode并进入要调试的项目。
    2. 在侧边栏中打开“调试”面板。可以使用快捷键`Ctrl+Shift+D`或者点击菜单栏中的`查看` -> `调试`。
    3. 在调试面板中,点击左上角的绿色箭头旁边的下拉菜单,选择“添加配置”。
    4. 在弹出的菜单中,可以选择创建`launch.json`文件。如果已有此文件,可以选择“编辑已有配置”。
    5. 在`launch.json`文件中,可以配置要调试的程式的运行方式和参数等信息。例如,可以设置`program`属性为要调试的文件的路径。
    6. 接下来,在要打断点的行的左侧行号的位置单击,可以在该行设置断点。断点设置后,行号会出现红色圆点。
    7. 要开始调试,在调试面板中点击绿色箭头旁边的“启动”按钮。
    8. 程序会开始在后台执行,并在遇到设置的断点时暂停。

    另外,还可以使用调试面板中的其他功能来控制调试过程,如单步执行、观察变量值等。可以通过点击调试面板中的按钮来使用这些功能。

    总结:
    1. 打开VSCode并进入要调试的项目。
    2. 在调试面板中创建或编辑`launch.json`文件。
    3. 设置要调试的文件路径和其他相关配置。
    4. 在要打断点的行的位置单击行号,设置断点。
    5. 点击调试面板中的“启动”按钮开始调试。
    6. 程序执行到断点处时会暂停,可以使用调试面板中的其他功能来控制调试过程。

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    在VSCode中,可以通过以下步骤在后台设置断点:

    1. 打开VSCode软件,并打开你要调试的项目文件夹。

    2. 在左侧的菜单栏中,点击“调试”按钮,进入调试模式。

    3. 在调试模式下,点击左上角的齿轮图标,打开“启动配置”文件。这个文件通常是`.vscode/launch.json`。

    4. 在`launch.json`文件中,找到你要设置断点的配置项。配置项的格式通常是:

    “`json
    {
    “name”: “Debug”,
    “type”: “node”,
    “request”: “launch”,
    “program”: “${file}”,
    “cwd”: “${workspaceFolder}”,
    “protocol”: “auto”
    }
    “`

    5. 在这个配置项中,可以添加`”runtimeArgs”: [“–inspect-brk=端口号”]`来设置后台断点。`端口号`可以是任意未被占用的端口号。

    6. 在代码中选择你要设置断点的位置,可以是函数、文件或者特定的行号。

    7. 在VSCode中,使用快捷键`F9`可以在光标所在行设置或取消断点。你也可以通过点击行号左侧的空白处来设置或取消断点。

    8. 设置好断点后,点击调试工具栏中的绿色启动按钮或者按下`F5`键,启动调试会话。

    9. 如果一切正常,调试会话将在后台启动,并在指定的端口上等待连接。

    10. 打开Chrome浏览器,并在地址栏中输入`chrome://inspect`,回车进入DevTools。

    11. 在DevTools中,点击“配置”链接,确保“Discover network targets”选中,并点击“Configure”按钮。

    12. 在配置页面,勾选“Discover network targets”选项,并在空白处右键选择“新建网络目标”。

    13. 在弹出的对话框中,输入`localhost:端口号`(设置断点时指定的端口号),点击“Add”按钮。

    14. 如果一切正常,你将会在DevTools的目标列表中看到你的调试会话。

    15. 点击目标列表中的链接,进入调试目标页面。你现在可以在代码中设置的断点处暂停执行并进行调试了。

    通过以上步骤,你可以在VSCode中设置后台断点并进行调试。这在调试后端JavaScript或Node.js应用程序时非常有用。

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部