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

【问题描述】

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

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

 

原来的configurations信息如下

使用vs调试html格式文件中的js代码,遇到launch.json文件配置问题_第1张图片

【解决方法】

使用以下信息覆盖即可(原文没有覆盖):

使用vs调试html格式文件中的js代码,遇到launch.json文件配置问题_第2张图片

 

附上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代码部分设定断点,调试过程中注意调试控制台的提示信息。

使用vs调试html格式文件中的js代码,遇到launch.json文件配置问题_第3张图片

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

【注意】

断点只能设在js代码处

你可能感兴趣的:(vue,debug)