VSCode使用Debugger For Chrome 连接超时

插件名： Debugger For Chrome

配置

1。 安装后：右侧标签栏此标志。

2。 没有配置是，界面如上图。点击创建Launch.json文件即可。

3。 选择环境（我这里选择·Chrome·）

4。 此时会在当前工作目录生成一个.vscode，文件夹（配置文件launch.json就在其中）

5。 使用默认配置文件即可。重点关注url内容

url选项：将使用此确切 URL 搜索标签，找到后将连接到该标签

个人理解：

• 此插件主要功能是查看控制台与使用断点调试Js文件
• 点击运行调试后会打开此url配置的链接。
• 此链接是否能用与Debugger For Chrome插件无关

eg:
运行Go Live插件后，会自动绑定5500端口。此时浏览器访问127.0.0.1:5500，可跳转到Go Live插件提供的页面。
所以将url配置成127.0.0.1:5500即可调试文件。

常见问题

1. 使用默认配置，不能正常打开浏览器。

控制台输出:

[chromeSpawnHelper] internal/child_process.js:691
      throw new ERR
[chromeSpawnHelper] _MISSING_ARGS('message');
      ^

TypeError [ERR_MISSING_ARGS]: The "message" argument must be specified
    at process.target._send (internal/child_process.js:691:13)
    at process.target.send (internal/child_process.js:676:19)
    at Object. (c:\Users\Administrator\.vscode\extensions\msjsdiag.debugger-for-chrome-4.12.6\out\src\chromeSpawnHelper.js:15:
[chromeSpawnHelper] 9)
    at Module._compile (internal/modules/cjs/loader.js:880:30)
    at Objec

稍等10秒后，VSCode弹出提示：

原因： VSCode权限不够，无法建立连接，

解决办法：

1. 右键选择以管理员身份运行
2. 属性中配置此文件以管理员身份运行（推荐）
3. 命令行进入工作目录，输入 code .（这有一个英文句号，表示当前目录）即可通过VSCode打开当前目录。