1.简介
VS Code（Visual Studio Code）是一款轻量级的跨平台代码编辑器，有着丰富的扩展功能和智能化的编码助手。VS Code内置了默认的Webview，使用户可以在应用内预览Web应用。但有时候我们需要在外部浏览器中打开网页，本文将会介绍VS Code如何调出外部浏览器。
2.打开Visual Studio Code设置界面
在VS Code中，我们需要打开设置页面并进行相应的设置，以实现在外部浏览器中打开网页。
2.1 使用快捷键打开设置界面
在应用程序界面中，使用快捷键“Ctrl + ,”或“Cmd + ,”即可打开设置界面。用户也可以通过单击左下角的齿轮图标打开设置界面。
2.2 使用命令面板打开设置界面
在应用程序界面中，使用快捷键“Ctrl + Shift + P”或“Cmd + Shift + P”调出命令面板。在命令面板中搜索“settings”或“settings json”，即可跳转到设置界面。
3.设置外部浏览器
在VS Code的设置界面中，有一项叫做“Workbench > Webview > External:Open 打开网页的外部浏览器”的设置项，我们需要对其进行设置，确保在VS Code中打开网页时可以使用我们所倾向的浏览器。
3.1 打开设置界面的方式
方法同2.打开Visual Studio Code设置界面一节中介绍的方式。
3.2 配置外部浏览器
在“Workbench > Webview > External:Open 打开网页的外部浏览器”选项下，用户可以选择预设的浏览器，或在文本框中输入自己所喜欢的浏览器的可执行文件路径。如果您是 Chrome 浏览器的用户，可以在文本框中输入“C:\Program Files (x86)\Google\Chrome\Application\chrome.exe”。
"workbench.webview.externalOpenner":"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"3.3 配置成默认的外部浏览器
设置外部浏览器后，当用户在VS Code的Webview中打开网页时，就可以使用用户所偏好的浏览器了。如果您想要将所设置的浏览器配置成默认浏览器，可以在 “Workbench > Webview > Webview: Preferred Domain” 选项下输入网址的域名。
"workbench.webview.preferredDomain": "www.baidu.com"4. 如何在VS Code中打开网页
在完成了设置之后，我们来看一下如何在VS Code中打开网页。
4.1 复制网址打开
复制网址，点击编辑器上的右键，在弹出的窗口中选择“在外部浏览器中打开”。VS Code会使用以前配置的浏览器打开这个网址。
4.2 使用快捷键
选择文本，快速在外部浏览器中打开网址!首先将我们要打开的文本（网页地址）进行选择，然后按下快捷键“Ctrl + Alt + V”，即可快速在已经配置好的浏览器中打开网页。
4.3 Webview 中打开
VS Code内置了默认的Webview，用户可以在应用内预览Web应用。在Webview预览时，将鼠标悬停在预览界面下侧的工具栏，即“打开Webview预览器图标”，单击即可在VS Code中浏览当前预览的网页。
5.总结
VS Code提供了强大的外部浏览器打开工具。通过简单的设置，我们可以在喜爱的浏览器中浏览网页，大大方便了开发过程中的查看和接口测试，提升了开发效率。通过本篇文章的介绍，相信大家已经能够轻松愉快地使用VS Code打开外部浏览器了。