前言
🫥在开发前端的时候遇到想知道值的变量我们一般都会二话不说的直接一个console.log
直接使用在查看某些数据的值的情况下确实挺方便的,但是在很多情况下我们很难知道代码执行的步骤,并且不容易了解代码的整体逻辑的内容,并且如果是开发服务端应用程序的话,console
会让人显得非常的不专业,所以我们要学习使用debug
来进行调试。
一.调试文件配置
🐻在在vscode中进行Nest
项目的调试的时候我们需要首先进行配置文件的生成,首先我们需要生成一个launch.json
文件然后在configuration
下输入Attach
来生成附加类型的文件。

😀然乎我们在终端先启动Nest
项目的调试模式nest start --debug
将项目启动起来,然后在controller
中打断点,然后访问项目启动的地址localhost:3000
就会发现在断点处断住了。

二.更加简洁的调试方式
🫥我们依然在调试文件中输入通过npm来进行调试,生成的配置项内容为如下,然后在debug
界面点击按钮将项目跑起来,之后在controller
中打上断点刷新会发现断点在项目中断住了。

三.几种常见的断点
logpoint
:当我们只想打印日志,不想使用console
又不想断住的情况下就可以使用这种方式,然后刷新在控制台看下就可以看到输出的内容了,非常的方便,再也不用当输出仔了。



- 条件断点,条件满足才会断住,等到用到时候想起来就好,目前没有找到比较好的应用场景。

- 异常断点,在没有捕获异常的地方断住。

四.总结
🐻调试能力在一定程度上可以反应一个程序员的水平,当我们熟练使用调试的情况下我们可以通过调试去查看源码的内容,通过调试快速准确的完成开发的内容,总之调试是我们必须要具备的技能。