序言

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

插件安装

1. 首先安装好VSCode，准备一个JS项目
2. 在VSCode中安装插件Debugger for Chrome（如下图）

修改配置文件

1. 使用VSCode打开我们需要调试的JS项目
2. 设置断点
   
3. 进入调试界面
   
4. 如果项目首次创建点击创建launch.json文件，
   
   修改launch.json文件（配置文件有很多选项，我只给出最简单的可以使用的版本）
   
   解释一下
   type：
   是你调试类型，你调试的是网页，还是调试 node。
   现在我们调试网页，所以选择 Chrome
   name：
   调试名称，随你起名字，起 个 xxxxxx
   file：
   本地文件路径，调试 本地 文件（ workspaceRoot 是项目根目录，以此来确定你的 html 调试页面 相对路径）
5. 开始运行调试
   点击Launch Chrome开始
   
   谷歌浏览器自动启动了

好了，以上就是所有相关的配置，接下来可以在VSCode和浏览器控制台进行调试了。

今天的文章使用VSCode调试JS分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。