ECMAScript 2020 是 JavaScript 语言的最新版本，带来了诸多新特性和语言改进。在开发过程中，调试是一个非常重要的环节，对于快速定位和解决问题有很大帮助。本文将介绍如何在 VSCode 中进行 ECMAScript 2020 的调试，详细介绍调试方式和相关配置。我们还将学习如何使用调试器来快速定位并解决代码中的错误。
调试器的选择
在 VSCode 中，有多种调试器可供选择，其中比较常用的是 Chrome 调试器和 Node.js 调试器。Chrome 调试器可以调试运行在 Chrome 中的 JavaScript 代码，而 Node.js 调试器则可以在 Node.js 环境中调试 JavaScript 代码。通常，我们需要根据具体的开发场景来选择调试器。
本文主要关注 Node.js 调试器，因为在开发过程中，我们通常会使用 Node.js 应用程序或 Node.js 模块。如果你想调试前端代码，则需要使用 Chrome 调试器。如果你对这两种调试器都感兴趣，可以尝试安装一些扩展程序，例如 Debugger for Chrome 和 Node.js Debugger。
步骤1：启用调试模式
首先，我们需要将程序设置为可调试模式。在 VSCode 中，可以通过在 Node.js 调试控制台中使用以下命令来启用调试模式：
node --inspect-brk myScript.js
这会让 Node.js 在启动时启动调试器，并暂停程序执行，等待调试器连接。
需要注意的是，在这个命令中，myScript.js 是你要调试的程序文件的路径。
步骤2：配置 VSCode 调试环境
接下来，我们需要在 VSCode 中配置调试环境，以使其连接到 Node.js 调试器。我们需要在 .vscode/launch.json 文件中指定以下信息：
name：调试会话的名称；type：调试器的类型，这里为node;request：调试器连接到 Node.js 调试器的方式，这里为attach；port：Node.js 调试器监听的端口号，这个端口号可以通过命令node --inspect-brk的输出中找到。
以下是一个示例配置：
-- -------------------- ---- -------
-
---------- --------
----------------- -
-
------- ------- --- -----------
------- -------
---------- ---------
------- ----
-
-
-我们可以在调试面板中使用 Run 调试配置来启动调试器。启动后，VSCode 将连接到 Node.js 调试器，并自动打开调试器面板。
步骤3：开始调试
一旦调试器面板出现，我们就可以通过按下 F5 键或点击调试面板中的 Start Debugging 按钮来开始调试。
现在，我们已经启用了调试模式并与 VSCode 连接，我们可以开始调试了。我们可以通过在 VSCode 中的编辑器中添加断点来快速定位代码中的问题。
假设我们要查找问题所在的函数，可以在函数的代码行上右键单击并选择 Toggle Breakpoint。然后点击调试面板中的 Continue 按钮，以便程序继续运行并遇到断点时停止。或者，我们也可以使用 Step Into 和 Step Over 命令来按步执行代码，以便更深入地了解代码的执行过程。
示例代码
以下是一个示例代码文件，其中包含一些 ECMAScript 2020 的新特性：
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- ----------------- -
--- -
----------------- ----------
- ----- ----- -
-----------------
-
-
------------------结论
在 VSCode 中使用 Node.js 调试器调试 ECMAScript 2020 的代码并不是很难，只需要简单的配置即可。通过使用断点和其他调试功能，可以快速定位和解决代码中的问题。如果你正在学习 ECMAScript 2020 或正在开发 ECMAScript 2020 的应用程序，那么这个调试方法将对你很有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67127833ad1e889fe205a954