VSCode 中设置默认浏览器打开的两种方法

在使用 VSCode 进行前端开发时，能够方便地设置默认浏览器打开页面进行预览是非常重要的。下面将为您介绍两种在 VSCode 中设置默认浏览器打开的有效方法。

方法一：通过扩展插件

VSCode 拥有丰富的扩展插件资源，其中有一些专门用于设置默认浏览器的插件。例如“Open in Browser”插件。

打开 VSCode，在扩展商店中搜索“Open in Browser”并安装。

安装完成后，在代码编辑区域，右键单击您想要在默认浏览器中打开的文件，会出现“Open in Default Browser”等相关选项。

接下来，点击该选项，页面就会在您设置的默认浏览器中打开。

要设置默认浏览器，您可以点击 VSCode 左下角的设置图标，选择“Settings”。

在搜索框中输入“open in browser default”，然后在“Open in Browser: Default Browser”选项中选择您想要设置为默认的浏览器，如 Chrome、Firefox 等。

方法二：手动配置 settings.json 文件

首先，打开 VSCode，按下“Ctrl +, ”组合键打开用户设置。

然后，在搜索框中输入“browser”，找到“Open in Browser: Default”选项。

如果该选项不存在，您可以手动添加。在右侧的“settings.json”文件中，添加以下代码：

"openInBrowser.default": "您选择的浏览器名称，如 chrome"

保存设置后，重新启动 VSCode，之后您在 VSCode 中打开的页面就会在您指定的默认浏览器中展示了。

通过以上两种方法，您可以根据自己的需求和使用习惯，轻松在 VSCode 中设置默认浏览器打开，提高开发效率。无论是使用扩展插件还是手动配置文件，都能让您在开发过程中更加便捷地进行页面预览和调试。希望这两种方法能够帮助您在 VSCode 中更高效地工作。