debugger调试工具配置

一、编码工具

Visual Studio Code

二、安装扩展工具

Debugger for Chrome(最新的Vscode版本已废弃)

Code Debugger

三、创建lauch.json文件

lauch.json文件是vscode用于调试的配置文件，比如指定调试语言环境、指定调试类型等。其中type、request、name是必须要配置的。

我们有两种方法打开这个lauch.json文件。

方式1：找到.vscode文件夹，从中找到lauch.json文件，打开它。

方式2：步骤如图示

点击“创建lauch.json文件”---》Node.js

//lauch.json
{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "pwa-node","request": "launch","name": "Launch Program","skipFiles": ["<node_internals>/**"],"program": "${file}"}]
}

Chrome浏览器配置

{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "Chrome","request": "launch","name": "vuejs:chrome","url": "http://localhost:8080","webRoot": "${workspaceFolder}/src","breakOnLoad": true，"sourceMapPathOverrides": {"webpack:///src/*": "${webRoot}/*" }}]
}

四、调试

然后就能在需要打断点的地方加上debugger啦~

直接在代码区打印变量值的功能是在较新版本的chrome浏览器才新增的功能，此时将鼠标移动到变量名上短暂的停顿会出现变量值。或者也可以鼠标选中变量名称，然后右键“add to watch”在watch面板中查看，此方法同样适用于表达式。

此外我们还可以在断点情况下切换到console面板，直接在控制台输入变量名称，回车查看变量信息。

debugger调试工具配置相关推荐

【Django】Django Debug Toolbar调试工具配置
正在发愁怎么调试Django,就遇到了Django Debug Toolbar这个利器. 先说遇到的问题: 网上也有教程,不过五花八门的,挨个尝试了一遍,也没有成功运行.最后终于找到问题所在: 从开发 ...
紫光同创国产FPGA学习之Fabric Debugger
文章从紫光同创参考书拷贝过来的.因为我用的时候,看了一下就会用了(纯粹只是会用了,默认和xilinx的一样),没有看教程.先更新点文本,后面在写程序. 一. 软件简介 Fabric Debu ...
wifi转串口芯片——ESP8266：配置与使用
ESP8266是一款小巧的wifi转串口芯片,通过串口就可以配置模式,发送消息.接收消息.建立AP.价格也不贵,大概15元左右.经过尝试,效果还是不错的,非常适合单片机开发. 具体的接线方法大家可以自 ...
eclipsePHP配置xdebug
今天配置zdebug主要是针对使用apmserver的集成环境开发者,当然其它环境也是支持的,得需要你自己灵活变通,那么这里我就不一一详细解释了! 第一步: 下载eclipsePHP 下载地址为: h ...
QtCreator配置MSVC
文章目录 1.配置编译器Compiler 2.配置调试器(Debugger) 3.配置构建套件(Kit) 配置Qt kits需要配置编译器和调试器 1.配置编译器Compiler 配置MSVC需要先下 ...
第10章嵌入式linux的调试技术
一. 防止函数printk降低linux性能: 利用C语言中的编译指令(#if.#else.#endif等). 现在修改printk_demo驱动代码,通过编译指令定义了一个pr_debug ...
[野火]STM32 F103 HAL库开发实战指南笔记之基础总结
1.本书配套的仿真器为 Fire-Debugger,遵循 ARM 公司的 CMSIS-DAP 标准,支持所有基于 Cortex-M 内核的单片机,常见的 M3.M4 和 M7 都可以完美支持.Fire ...
基于Eclipse的TI集成开发环境IDE-CCSv5使用教程
TI嵌入式处理器的集成开发环境(IDE)包括调试器,编译器,编辑器,DSP/BIOS操作系统等等,现在最新的CCSv5 IDE基于Eclipse开源软件框架(v4+)并融合了TI设备的支持与功能,适用 ...
PM2.5检测 -- PMS7003 串口测试
最近在搞 PM2.5 检测.用的是 PMS7003 传感器.BUT,之前没有接触过.需要一步一步的来.先测试其串口是否通信.上一篇文章,讲了 UART 回环测试,不是目的.主要是为了今天的测试. 一. ...

debugger调试工具配置

debugger调试工具配置相关推荐

最新文章

热门文章