NestJS 7.x 折腾记: (0) 起手式-> VS Code 1.5+ Debug NestJS

简介: 随着7.x的到来,以及VS Code的不断完善.NestJS的断点调试的开启比较容易.

网络异常,图片无法展示
|


前言


随着7.x的到来,以及VS Code的不断完善.


NestJS的断点调试的开启比较容易.


效果图


网络异常,图片无法展示
|


配置流程


开启自动附加


Ctrl(CMD)+Shift+P --> Debug: Toggle Auto Attach


常规debug我们都是走inspect模式,所以看你习惯了


若是始终开启,有些常规的项目,会频繁报错进程异常


网络异常,图片无法展示
|


Debug(.vscode)


若是没有以下这两个文件(初始化),执行F5会报错,


然后可以根据引导进去调整.


也可以从"显示所有命令进入(cmd+shift+p)",如图


网络异常,图片无法展示
|


网络异常,图片无法展示
|



launch.json


{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/start",
            "preLaunchTask": "nest debug",
            "outFiles": [
                "${workspaceFolder}/dist/**/*.js"
            ]
        }
    ]
}


tasks.json


{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start:debug",
      "group": "rebuild",
      "problemMatcher": [],
      "label": "nest debug",
      "detail": "nest start --debug --watch"
    }
  ]
}
目录
相关文章
|
Web App开发 前端开发 JavaScript
VSCode如何设置Vue前端的debug调试
VSCode如何设置Vue前端的debug调试
843 0
|
6月前
|
Python
解决VSCode中Debug和运行路径不一致的
在VSCode调试时,如果程序运行路径不正确,可通过配置`launch.json`文件的`CWD`参数来解决。在`launch.json`中添加或修改`configurations`,例如设置`&quot;cwd&quot;: &quot;${fileDirname}&quot;`,确保调试和运行时路径一致。这样可以避免因路径问题影响调试。记得`&quot;name&quot;`、`&quot;type&quot;`、`&quot;request&quot;`等其他关键参数也要正确配置。我是木头左,希望对你有所帮助!
解决VSCode中Debug和运行路径不一致的
|
6月前
|
IDE API 开发工具
在 VSCode 中实现 Jupyter Debug Adapter
通过本文的介绍,我们可以了解 VSCode 的 Debug Adapter 的实现原理,并以 Jupyter 为例,成功在 VSCode 中实现 Jupyter Debug Adapter,并实现完全的调试能力。 得益于 VSCode 灵活的调试注入能力,我们可以方便地为更多的语言,甚至是一些自定义框架实现调试能力,这可能可以为更多的小众语言或框架的开发者带来工作效率上的帮助。
|
7月前
|
C++
VS code debug c代码 配置
VS code debug c代码 配置
66 0
|
7月前
|
Linux C++
vscode中配置cmake及debug使用
vscode中配置cmake及debug使用
840 0
|
JSON 数据格式 C++
VS Code debug调试时无法查看变量内容【已解决】
VS Code debug调试时无法查看变量内容【已解决】
VS Code debug调试时无法查看变量内容【已解决】
|
JSON 编译器 Go
VS CODE一些常见配置操作(快捷键设置、C/C++的debug、代码路径配置)
VS CODE一些常见配置操作(快捷键设置、C/C++的debug、代码路径配置)
719 1
VS CODE一些常见配置操作(快捷键设置、C/C++的debug、代码路径配置)
|
Web App开发 JavaScript 前端开发
VS Code 折腾记 - (17) Debug for Chrome(附加模式[支持浏览器插件的使用])
很早以前就撸过一篇帖子,也是说这个的,但是那时候只是用最傻瓜化的直白的姿势. 新窗口模式,而且配置文件用的是临时文件,拓展这些更是不能用. 用起来感觉不是很好,但时隔一年多,不管是vscode还是当初的插件都完善了很多. 研究了下附加模式,并让拓展也能正常使用的姿势(挺简单的). 用到的插件VSCode插件:
483 0
|
Web App开发 JavaScript 前端开发
VS Code 折腾记 - (7) 内置Debug功能深入(调教angular-cli )
很多小伙伴说用了打包工具(Webpack)之后,断点调试有点麻烦(需要借助sourcemap); 常规的方式无非是debugger,console.log()大法; 但是,VS Code这货天生支持Debug功能,不用白不用,今天我就说说怎么调教angular-cli;
403 0
|
监控 JavaScript IDE
2022年了,该学会用VSCode debug了
VSCode作为目前使用人数最多的IDE,在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能,例如智能提示、插件商店、集成Git等等,但除此之外还有一个被许多开发者忽略的功能——运行和调试(Run and Debug)。
313 0