LiveServer 插件是 Visual Studio Code 中的一个非常有用的扩展，它可以帮助开发者轻松地启动本地服务器并实时预览他们的 HTML、CSS 和 JavaScript 文件。

功能介绍

  • 实时预览：在浏览器中实时预览您的文件更改。
  • 自动刷新：当文件更改时，浏览器会自动刷新。
  • 自定义端口：可以自定义服务器的端口。
  • 自定义路径：可以自定义服务器的根路径。

安装方法

  1. 打开 Visual Studio Code。
  2. 点击左侧的扩展图标。
  3. 在搜索框中输入 "LiveServer"。
  4. 点击安装按钮。

使用方法

  1. 打开您想要预览的 HTML 文件。
  2. 点击左侧的 LiveServer 图标或使用快捷键 Ctrl + F5。
  3. 在浏览器中打开 http://localhost:8080，您将看到您的网页。

高级设置

  • 配置文件：您可以在 .vscode/settings.json 文件中配置 LiveServer 的设置。
  • 环境变量：您可以使用环境变量来自定义 LiveServer 的行为。

相关链接

LiveServer