如何在 VS Code 中浏览页面

在开发中，我们经常需要在浏览器中查看网页效果。而在 VS Code 中，我们可以通过插件来方便地在浏览器中预览页面效果。本文将介绍如何在 VS Code 中浏览页面。

安装插件

在 VS Code 中搜索并安装 Live Server 插件（可以通过在左侧扩展栏中搜索 Live Server 来安装）。安装完成后，打开 HTML 文件，右键菜单中会出现 Open with Live Server 命令，点击即可在浏览器中打开该页面。

使用快捷键

除了通过右键菜单打开页面，我们还可以使用快捷键来打开页面。在 HTML 文件中，按下 Alt + L（Windows 和 Linux 系统）或 Option + L（macOS 系统），即可在浏览器中打开该页面。

修改端口号

默认情况下，Live Server 使用的端口号为 5500。如果该端口号已被占用或者需要修改，可以通过在设置中进行修改。打开 VS Code 设置，搜索 liveServer.settings.port，将其修改为想要的端口号即可。

修改默认浏览器

如果需要在非默认浏览器中打开页面，可以在设置中进行修改。打开 VS Code 设置，搜索 liveServer.settings.browser，将其修改为需要的浏览器即可。

自定义网站根目录

默认情况下，Live Server 使用当前文件夹作为网站根目录。如果需要在其他目录中打开页面，可以通过自定义网站根目录来实现。右键点击需要作为网站根目录的文件夹，选择 Open with Live Server，即可将该文件夹作为网站根目录。

结语

以上就是在 VS Code 中浏览页面的方法。通过使用 Live Server 插件，我们可以方便地在浏览器中预览页面效果，加快开发效率。