这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战
日常的学习笔记，包括 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)
下面我将会列举几种调试方式，并且使用其中一种来完成上一篇文章中遗留的问题。
vscode调试
我们在使用 Visual Studio Code 编译器时，可以在右侧发现一个类似于瓢虫的标志。
点开后，我们可以创建一个 launch.json 的配置文件。
随后我们创建一个用来调试 node.js 的文件。
而我们就会得到下图中的配置文件，现在我们需要删除红框中的内容。
在文件 b.js 里面打一个断点，这样我们就可以进行调试了。
点击 单步调试 ，我们就可以看到源码了。
这样我们就大概了解如何使用 vscode 进行代码调试了，后续我们可以通过这种方式加强我们对源码的学习。
chrome调试
说起调试，我们就不得不说一下 浏览器调试。这里我们以 chrome谷歌浏览器为例。
首先，我们需要进行命令行配置。 输入 node --inspect-brk，在后面再加上我们需要调试的文件。
随后我们打开 chrome浏览器，输入链接 chrome://inspect/#devices ，这样就会进入浏览器的开发者工具界面。
我们就可以在页面中看到以下内容。（此过程需要等待几秒到几分钟）
随后我们可以看见我们调试的文件。
操作使用上和vscode调试是相似的。
在下一篇文章中，我会使用这种调试方法去分析一下require的源码。
本篇文章由莫小尚创作，文章中如有任何问题和纰漏，欢迎您的指正与交流。 您也可以关注我的 个人站点、博客园 和 掘金，我会在文章产出后同步上传到这些平台上。 最后感谢您的支持！
