vscode断点调式
时间: 2023-11-09 09:01:13 浏览: 85
好的,针对您的问题,我可以给出以下步骤:
1. 在需要调试的代码行左侧单击空白处,设置断点。
2. 打开调试面板(快捷键为 F5),选择需要调试的环境(如 Node.js)。
3. 点击“运行”按钮,程序会在第一个断点处停止。
4. 使用调试面板中的控制按钮(如“继续”、“单步执行”、“跳过”等)进行调试。
相关问题
vscode远程调式
### 设置和使用 VS Code 的远程调试
#### 安装 Remote Development 扩展包
为了能够在 VS Code 中实现远程开发,需要先安装名为 "Remote Development" 的扩展包。该扩展包包含了用于通过 SSH 或 Docker 等方式连接到远程机器的功能[^1]。
#### 配置 SSH 连接
一旦安装好上述插件集,可以通过以下方法建立与目标服务器的安全 Shell (SSH) 连接:
- 使用命令面板 (`Ctrl+Shift+P`) 并搜索 `Remote-SSH: Connect to Host...` 来启动新的会话;
- 如果之前未曾配置过特定主机,则可能还需要编辑 `.ssh/config` 文件来定义访问参数,比如用户名、IP 地址或域名以及端口号等信息;
- 输入相应的认证凭证完成首次登录过程;对于后续操作,默认情况下将会自动处理身份验证流程[^4]。
#### 准备并部署 Visual Studio Code Server 组件
为了让客户端版本的 VS Code 能够顺利地同远端环境交互,需预先准备好适配于所选平台架构的服务端组件——即 vscode-server。这通常涉及以下几个步骤:
- 访问官方提供的更新站点获取指定提交记录对应的二进制文件,例如针对 Linux x64 架构可采用如下 URL 模板:https://update.code.visualstudio.com/commit:${commit_id}/server-linux-x64/stable;
- 将下载所得 tarball 解压至合适位置,并确保拥有执行权限;
- 可能还需额外安装一些依赖项以满足正常运作需求[^2]。
#### 创建项目工作区并与之同步
成功建立了稳定的通信链路之后,下一步就是挑选要加载的工作目录作为当前项目的上下文范围。具体做法是在弹出的选择框中浏览定位到存放源码的位置,确认无误后按下 OK 键继续。此时 IDE 应能够实时反映任何更改动作,并允许用户像对待本地文件一样对其进行各种常规管理活动。
#### 启动调试会话
最后一步便是着手准备实际的调试环节了。一般而言,只需简单几步便可达成目的:
- 编辑 launch.json 文件设定必要的断点条件及其他辅助选项;
- 当一切就绪之时,按下 F5 即触发一次完整的编译构建序列直至进入等待状态;
- 接下来依据实际情况选取合适的条目挂载到待测进程中去,从而获得细粒度控制权以便更深入探究内部逻辑行为模式[^3]。
```json
{
// Use IntelliSense suggestions to learn about available options.
"version": "0.2.0",
"configurations": [
{
"name": ".NET Core Attach",
"type": "coreclr",
"request": "attach",
"processId": "${command:pickProcess}"
}
]
}
```
VScode如何调式html
在VScode中调试HTML可以通过以下步骤实现:
1. 在VScode中打开HTML文件。
2. 点击左侧的调试按钮,选择“创建启动文件”。
3. 在弹出的窗口中选择“Chrome”作为调试环境。
4. 在生成的launch.json文件中添加以下配置:
```
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:5500",
"webRoot": "${workspaceFolder}"
}
```
5. 在HTML文件中添加断点。
6. 点击调试按钮,选择“启动调试”。
7. 在Chrome浏览器中打开HTML文件,并进行操作,此时会触发断点。
阅读全文
相关推荐















