第三章 Nest 断点调试项目

1、node项目调试流程

首先我们先了解node项目的调试流程

第一步 先创建项目 并进入初始化项目

mkdir debug-demo
cd debug-demo
npm init -y

创建 demo.js

const os = require('os');

const homedir = os.homedir();

console.log(homedir);

接着运行 demo.js 以调试模式跑起来

node --inspect-brk demo.js

–inspect 调试模式运行
–inspect-brk 调试模式运行 首行断住
接着我们打开 链接 **chrome://inspect/ **


接着我们可以点击左侧圈红的地方 打断点 点击右侧圈红的地方开始一行行调试

2、nest 项目调试流程

2.1、创建nest调试项目

nest new debug

2。2、VSCode软件设置

我们将学习用VSCode 来调试nest项目 首先打开VSCode 软件 可以看到左侧的图标如下（这里我用的中文版插件 大家可以安装插件）

我们点击上面的 创建 **launch.json **文件 接着我们可以在项目中看到 launch.json

配置项目中的 launch.json：

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Attach",
            "port": 9229,
            "request": "attach",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "type": "pwa-node"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "debug nest",
            "runtimeExecutable": "npm",
            "args": [
                "run",
                "start:dev",
            ],
            "skipFiles": [
                "<node_internals>/**"
            ],
            "console": "integratedTerminal",
        }
    ]
}

接着 点击运行调试

刷新一下界面 http://localhost:3000/ 即可获得数据

接着我们可以打断点 如下 再次刷新界面

可以看到断点打到了函数这里

我们可以通过打断点的方法 ，了解代码的执行过程