如何详细操作在VSCode中调试JavaScript和Node.js项目？

本文共计1484个文字，预计阅读时间需要6分钟。

在开发过程中，几乎每次都可能一次性编写出无懈可击的程序。断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都在浏览器端运行，得益于Chrome提供的调试功能。

在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。

作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的开发者工具就可以方便的进行源码断点调试。其步骤有四，详情不表，粗略概括如下：

1.打开Chrome开发者工具；
2.点击进入Sources标签页，在页面的左侧就能看到JS代码的目录；
3.找到需要设置断点的源文件，在需要中断的哪行代码左侧单击鼠标左键，就可以设置断点，如果你的代码是uglify过的，则需导入相应的source-map来映射源码。
4.刷新页面（如果设置断点的位置是一个事件处理函数，则直接触发这个事件即可），代码运行到断点处的时候，程序就会挂起，这时候用鼠标hover就可以查看当前各个变量的数值，并以此判断程序是否正常运行了。

但是，当我们用JavaScript开发运行在服务端的Node.js程序时，Chrome开发者工具暂时派不上用场了。虽然也有办法实现在Chrome上调试，不过这不是今天我们讨论的范围。

还有，说用console.log的那位同学，请你先不要说话…

实际上，许多IDE都集成了Debug的功能，包括较新版本的WebStorm就对Node.js调试支持得很好。

但是很多开发人员会觉得IDE太重，有没有更轻量级一些的工具来实现断点调试呢？今天就要给大家安利一下在VScode上进行断点调试的方法。