如何使用js去调用vscode-js-debugger的方法去调试网页

Question

使用语言：js
使用的库：vscode-js-debugger
需要的效果：给一个url（不一定是本地localhost，可能是公网ip，但是是一个vue项目），能打开网页，且根据文件能设置文件行数的断点（vue文件的），能进入断点，跳出断点，清除断点。
我的意思是：使用js代码，对外部传入的url，打开浏览器，根据传入的文件信息，设置断点，并非使用vscode，而是通过代码的形式，我想做一个我的调试器

Answer 1

阿里嘎多学长整理、AIGC生成：

使用 JavaScript 调用 VSCode 调试器调试网页

VSCode 提供了一款名为 VSCode-js-debugger 的插件，可以远程调试网页。下面是实现步骤：

1. 安装 VSCode-js-debugger 使用 npm 命令安装该插件：

npm install vscode-js-debugger

1. 创建调试配置文件

创建一个名为 debug.js 的文件，内容如下：

const { launch } = require('vscode-js-debugger');

// 设置调试配置
const config = {
  type: 'chrome',
  request: 'launch',
  name: '远程调试',
  url: 'https://example.com', //替换为目标 URL
  port: 9222,
};

// 对 Debug 模式进行启用
launch(config);

1. 在浏览器中启用调试模式

访问 http://localhost:9222，选择 " Chrome" 浏览器，然后点击 "Explore" 按钮。

1. 在 VSCode 中启动调试

在 VSCode 中，打开命令行输入以下命令：

CSSLance launch

1. 在调试页面中设置断点

在 VSCode 中，您可以设置断点，然后在浏览器中刷新网页，断点将被 hit 。

重要提示：在上面的示例代码中，我们使用了 https://example.com 作为 URL，请将其替换为您的目标 URL。

如果您遇到了问题，可以在 debug 配置中添加 skipFiles 选项，以跳过不需要调试的文件。