学习笔记—Node中的模块调试

日常的学习笔记，包括 ES6、Promise、Node.js、Webpack、http 原理、Vue全家桶，后续可能还会继续更新 Typescript、Vue3 和常见的面试题等等。

调试

参考文献调试-入门指南 | Node.js 官网

当我们在写代码时（尤其是手写插件源码），总会出现一些不可预料的问题。所以我们这个时候就需要去对代码进行调试。

在上一篇文章中，我们希望去实现 require，这个时候我们就需要通过调试功能，去理解一下 require 内部的运行机制到底是什么样的。

// 使用 require 引入文件
// a.js
var a = 100;
module.exports = a;
// b.js
let a = require('./a')
console.log(a)

下面我将会列举几种调试方式，并且使用其中一种来完成上一篇文章中遗留的问题。

我们在使用 Visual Studio Code 编译器时，可以在右侧发现一个类似于瓢虫的标志。

点开后，我们可以创建一个 launch.json 的配置文件。

随后我们创建一个用来调试 node.js 的文件。

而我们就会得到下图中的配置文件，现在我们需要删除红框中的内容。

在文件 b.js 里面打一个断点，这样我们就可以进行调试了。

点击 单步调试 ，我们就可以看到源码了。

这样我们就大概了解如何使用 vscode 进行代码调试了，后续我们可以通过这种方式加强我们对源码的学习。

说起调试，我们就不得不说一下浏览器调试。这里我们以 chrome谷歌浏览器为例。

首先，我们需要进行命令行配置。输入 node --inspect-brk，在后面再加上我们需要调试的文件。

随后我们打开 chrome浏览器，输入链接 chrome://inspect/#devices ，这样就会进入浏览器的开发者工具界面。

我们就可以在页面中看到以下内容。（此过程需要等待几秒到几分钟）

随后我们可以看见我们调试的文件。

操作使用上和vscode调试是相似的。

在下一篇文章中，我会使用这种调试方法去分析一下require的源码。

本篇文章由莫小尚创作，文章中如有任何问题和纰漏，欢迎您的指正与交流。
您也可以关注我的个人站点、博客园和掘金，我会在文章产出后同步上传到这些平台上。
最后感谢您的支持！