vscode中断点调试nodejs实用方便

前言

在平时前端开发时，前端代码在浏览器上能很方便的断点调试，那么如果要调试node后端接口的话，该如何实现断点调试呢？

配置

vscode打开node项目点击左侧调试按钮
点击Run and Debug
选择语言为nodejs
点击设置按钮添加配置
更改lanuch.json配置文件

添加自己的项目启动脚本文件和配置

{// 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387"version": "0.2.0","configurations": [{"type": "node","request": "launch","name": "启动程序","env": {"NODE_ENV": "development"},"program": "${workspaceFolder}/bin/www"}]
}
//program这个是我自己的node项目的启动文件

再次点击断点调试按钮启动断点调试
直接点击启动程序启动断点调试
直接在代码左侧需要断点的位置打个断点标记，执行方法是会自动出发断点
然后通过上面的调试按钮一步步断点
鼠标悬浮还可以看到断点的数据
当然也可在debug console控制台输出断点数据的结果相当于浏览器断点是的console控制台
如果要结束断点直接点击上面的暂停键
以上就是整个vscode断点配置和断点调试的教程

vscode中断点调试nodejs实用方便相关推荐

使用vscode调试Nodejs
之前想用vscode调试nodejs,总是不成功,也走很多弯路,现在记录下来. 首先新建一个文件夹,用vscode打开这个文件夹, 用vscode自带的终端执行npm init,输入名称,其他的可不输 ...
vscode调试nodejs不要太爽啊
vscode调试nodejs不要太爽啊,编写nodejs再也不用console.log()了闲言少叙,上干货 1.安装vscode 地址:https://pan.baidu.com/s/1Hp-PJ ...
vscode断开调试服务器文件,vscode显示等待调试器断开连接
我正在尝试在vscode上调试量角器脚本. 我编辑了launch.json文件,但是调试控制台抛出了下面的错误. vscode调试控制台输出: C:\Program Files\nodejs\node ...
vs code php html,vscode如何调试html
vscode如何调试html? 使用Debugger for Chrome进行调试首先下载对应的插件 Ctrl+Shift+x打开插件商店,搜索chrome即可看到该插件,点击安装->重新加载 ...
VSCode 联合调试Python/C++
VSCode 联合调试Python/C++ 测试环境编写C++扩展 1. 编写C++实现:`myadd.cpp` 2. 编写要调用该扩展的Python脚本: `myscript.py` 3. 编写s ...
真香预警，这个VSCODE可视化调试Go程序的方式，比直接用 dlv 命令香多了
据不权威媒体报道,每位程序员身边都有一位这样的同事,觉得用命令行比用可视化工具牛逼.每次办公室遇见这样的,我都会腹黑一番:"用工具.命令那不都一样,纯看个人喜欢,觉得用命令牛逼你咋不用vim ...
【转载】【VSCode】Windows下VSCode编译调试c/c++
转载自:http://blog.csdn.net/c_duoduo/article/details/51615381 懒得自己配置或自己配置出现不明问题的朋友可以点这里: [VSCode]Windo ...
用Visual Studio Code调试nodejs
微软的Visual Studio Code是一款良心IDE,调试nodejs很方便. 直接在要调试的代码单击添加断点: 然后就可以使用调试工具栏里的按钮进行单步调试了,用法和Chrome开发者工具一样 ...
lldb 调试php,linux系统下如何在vscode中调试C++代码
本篇博客以一个简单的hello world程序,介绍在vscode中调试C++代码的配置过程. 1. 安装编译器 vscode是一个轻量的代码编辑器,并不具备代码编译功能,代码编译需要交给编译器完成. ...

vscode中断点调试nodejs实用方便

前言

配置

vscode中断点调试nodejs实用方便相关推荐

最新文章

热门文章