前言

VSCode 作为目前使用人数最多的 IDE，在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能，例如智能提示、插件商店、集成 Git 等等，但除此之外还有一个被许多开发者忽略的功能——运行和调试（Run and Debug）。

你可能会说，要什么 Debug，我console.log一把梭走天下。没错，这也是目前很多人在使用的调试方法。但是既然 VS Code 具备这样的功能，试一试，或许会有新的收获呢~

简介

VS Code 的关键特性之一就是它具有强大的调试（debug）功能，内置的调试器（debugger）可以帮助开发者快速的编辑、编译和调试。

VS Code 内置的调试器支持Node.js运行时，并且能够调试JavaScript、TypeScript、以及任意其他能够编译成JavaScript的语言。

如果想要调试其他的语言和运行时，包括但不限于PHP、Ruby、Go、C#等等，可以在扩展商店中寻找相关的 Debugger 扩展并且安装它，这里我们就不过多的叙述了。

简单调试

为了方便我们理解常用功能，直接进行调试来学习相关功能更容易上手。这里我们用一个简单的Node.js项目作为例子进行调试。

首先准备一个app.js:

let msg = 'Hello world';
console.log(msg);
let numA = 6;
let numB = 13;
let num = numA + numB;
console.log(num);
复制代码

这样我们就有一个简单的Node.js程序了。

接下来我们点击左侧菜单中的运行与调试图标（图标是一个虫子 + 开始，顾名思义 debug&run），这里就是初始化的面板；然后我们在代码中需要打断点的地方加上断点：

直接点击运行和调试：

程序跑起来了，并在断点处也停下来了。调试面板也被激活，显示了变量、监控、调用堆栈、断点的面板。点击上方调试操作栏的第一个图标（继续，快捷键是 F5），程序会走到下一个断点，并且变量面板中的

msg

变量会进行更新：