如何使用VSCode调试JS？

序言

做前端开发的朋友经常需要使用Visual Studio Code编辑代码，很多朋友就想在VSCode调试JS代码，下面我们就介绍下如何配置操作。

一、环境准备

首先安装好VSCode，准备好一个JS项目，在VSCode中安装插件Debugger for Chrome （如下图操作搜索安装即可）。

二、修改配置文件

1. 使用VSCode打开项目

没有可以测试项目的可以使用HBuilder等工具新建一个Web项目进行测试，如下：

然后，使用VSCode打开上述项目，如下：

2. 设置断点

按F5键，在弹出的下拉列表中选择Chrome。