使用vs调试html格式文件中的js代码，遇到launch.json文件配置问题

【问题描述】

按照这篇文章https://www.jb51.net/article/191603.htm的步骤在vscode上安装拓展包Debugger for chrome 和 open in browser并进行了配置之后，

在第三步配置launch.json文件时 按出现问题  localhost拒绝了我们的访问请求（没截图）。

 

原来的configurations信息如下

【解决方法】

使用以下信息覆盖即可（原文没有覆盖）：

 

附上launch.json文件内容：

{

  // Use IntelliSense to learn about possible attributes.

  // Hover to view descriptions of existing attributes.

  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

  "version": "0.2.0",

  "configurations": [

    {

      "type": "chrome",

      "request": "launch",

      "name": "使用本地chrome调试",

      "file": "${file}",

      "port":8000,

    }

  ]

}

【开始调试】：

在js代码部分设定断点，调试过程中注意调试控制台的提示信息。

可以看到，我这次是因为还没定义vue，所以报错了（其实以非调试模式运行也可以看到这个报错。）。i

【注意】

断点只能设在js代码处