在开辟的过程中，几乎弗成能一次性就能写出毫无马脚的法度榜样，断点底时菌码是一个广泛的需求。

作为前端开辟工程师，以往我们开辟的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长进行断点调试的办法。

VScode除了out-of-box支撑JavaScript和TypeScript，还支撑Node.js调试，的确就是为前端工程师而生的，对纰谬...

要调试Node.js的前提是，你的电脑上已经安装了Node.js的情况。

什么?怎么安装Node.js?给你一点小提示：打开百度，搜刮【安装Node.js】，好了，不克不及提示更多了。

本文声调试express应用为例，并假设您已经安装好了Node.js运行情况。

创建express应用

我们应用express-generator创建一个新的express应用。

1.在全局安装express-generator

a.打开终端，输入：

npm install express-generator -g 

MacBook用户全局安装的时刻记得在前面加上sudo

b.安装完成之后，在终端输入

express -v 

如不雅看到下图所示的信息，解释已经安装成功了。

2.生成express应用目次，假设这个应用的名称为myapp

在终端输入

express myapp 

在当前目次就生成了一个myapp目次，目次构造如下：

可以看到，这个小应用已经五脏俱全，有Node办事器设备，公共资本文件夹，师徒文件夹，以及路由设备。

a.在终端中输入指令

cd myapp && npm install 

就可以进入项目目次并安装所有依附，这一步可能须要比较长的时光，耐烦等待安装完成。

b.然后输入指令

4.选择完成之后，在项目标根目次中会生成一个.vscode的目次，这个目次中存放了各类各样的VScode编辑器的设备。如今这个目次中就包含了一个文件名为lanuch.json的设备文件，设备文件的内容如下：

npm start 

就可以启动应用。

3.运行express应用

这时我们在浏览器中拜访localhost:3000，即可看到如下页面：

我们发明当前这个字段已经有值了，不要慌，那是因为VScode在初始化这个设备文件的时刻，会查看package.json中是否有包含了键名为start的scripts，如不雅有的话，就会把start设备的内容作为“program”字段的值。

这就解释express应用可以正常运行，接下来我们就可以应用VScode底时菌码了。

提示：为了避免调试时的端口才突，我们先回到方才运行express应用的终端，ctrl+c封闭正在运行的express应用。

调试express应用

1.进入VScode界面，点击界面子边的第四个类似虫子的按钮，进入调试界面：

　　推荐阅读

　　人工智能在SEO技术中的应用

大年夜家应当都感到出来搜刮引擎优化越做越“难”做，有部分人都已经认为搜刮引擎优化没有原则可循，在搜刮引擎中取得排名不再是那么轻易的。在这里为大年夜大年夜家分享一篇关于“人工智能在搜刮引擎>>>详细阅读

本文标题：使用Visual Studio Code对Node.js进行断点调试

地址：http://www.17bianji.com/lsqh/34823.html

 1/2    1