launch.json中缺少配置JavaScriptDebug Terminal

使用vscode运行JS出现

img


这个怎么办?
求解答

【问题描述】

按照这篇文章

的步骤在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: 

  "version": "0.2.0",

  "configurations": [

    {

      "type": "chrome",

      "request": "launch",

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

      "file": "${file}",

      "port":8000,

    }

  ]

}

【开始调试】:

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

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

【注意】

断点只能设在js代码处