vscode如何用edge进行网页调试
时间: 2023-05-13 12:06:05 浏览: 478
您可以按照以下步骤在 VS Code 中使用 Edge 进行网页调试:
1. 在 VS Code 中打开要调试的 HTML 文件。
2. 点击左侧的调试按钮,然后点击“添加配置”。
3. 在弹出的菜单中选择“Microsoft Edge”。
4. 在生成的 launch.json 文件中,将“url”属性设置为要调试的网页的 URL。
5. 点击“开始调试”按钮,VS Code 将启动 Edge 并打开指定的网页。
希望这能帮到您!
相关问题
vscode 如何在edge浏览器运行ts项目并在编辑器上进行断点调试
要在VSCode中使用Edge浏览器运行TypeScript项目并进行断点调试,您需要遵循以下步骤:
1. 在项目根目录中打开终端,运行以下命令来安装必要的依赖项:
```
npm install -g typescript ts-node-dev
```
2. 添加以下配置到项目的 `launch.json` 文件中:
```
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"name": "Launch via ts-node-dev",
"request": "launch",
"runtimeArgs": ["-r", "ts-node/register", "-r", "tsconfig-paths/register", "src/server.ts"],
"restart": true,
"console": "integratedTerminal",
"internalConsoleOptions": "neverOpen",
"skipFiles": ["<node_internals>/**"]
},
{
"type": "pwa-msedge",
"request": "launch",
"name": "Launch Edge against localhost",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
}
]
}
```
3. 运行项目,按 `F5` 键启动调试模式。
4. 在Edge浏览器中打开 `http://localhost:3000`,您应该能够看到您的应用程序正在运行。
5. 在VSCode中打开您的TypeScript文件并设置断点,您应该能够开始调试了。
希望这可以帮助您在VSCode中使用Edge浏览器运行TypeScript项目并进行断点调试。
vscode如何添加edge详细步骤
首先,您需要在您的计算机上安装 Microsoft Edge 浏览器。然后,打开 VS Code 编辑器并点击左侧的“扩展”按钮。在搜索栏中输入“edge”,然后按下回车键。您将看到一个名为“Microsoft Edge Tools for VS Code”的扩展,点击“安装”按钮进行安装。安装完成后,您将看到一个新的“Edge”选项卡出现在 VS Code 的底部工具栏中。点击该选项卡,您将可以使用 Edge 浏览器进行调试和测试。
阅读全文