visual studio code设置谷歌浏览器
时间: 2023-11-21 16:05:54 浏览: 670
以下是在Visual Studio Code中设置谷歌浏览器的步骤:
1. 打开Visual Studio Code,点击左侧菜单栏的“文件”(File)选项,选择“首选项”(Preferences),再选择“设置”(Settings)。
2. 在搜索框中输入“open-in-browser.default”,找到“Open-in-browser: Default”选项。
3. 在“Open-in-browser: Default”选项中输入“Chrome”,保存设置。
现在,你就可以在Visual Studio Code中使用谷歌浏览器了。
如果你想在Visual Studio Code中进行断点调试代码并在Chrome中查看console相同的值,可以按照以下步骤进行设置:
1. 在Chrome浏览器中打开要调试的网页。
2. 在Chrome浏览器中安装“Debugger for Chrome”插件。
3. 在Visual Studio Code中打开要调试的代码文件。
4. 点击左侧菜单栏的“调试”(Debug)选项,再点击“添加配置”(Add Configuration)。
5. 在弹出的窗口中选择“Chrome”作为调试环境。
6. 在“launch.json”文件中添加以下代码:
```json
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9222,
"webRoot": "${workspaceFolder}"
}
```
7. 点击左侧菜单栏的“调试”(Debug)选项,再点击“启动调试”(Start Debugging)。
现在,你就可以在Visual Studio Code中进行断点调试代码并在Chrome中查看console相同的值了。
阅读全文