Live Server 是一个为开发者在本地预览 HTML、CSS 和 JavaScript 文件而设计的工具。它通过实时预览源代码的更改，极大地提高了开发效率。

以下是一些关于 Live Server 的官方文档概述：

安装 Live Server

首先，您需要在您的开发环境中安装 Live Server。以下是在 Windows、macOS 和 Linux 上安装 Live Server 的步骤：

  1. 打开命令行工具。

  2. 运行以下命令：

    npm install -g live-server

    或者如果您使用的是 yarn：

    yarn global add live-server

使用 Live Server

安装 Live Server 后，您可以使用以下命令在任何本地文件中启动 Live Server：

live-server

这将在默认浏览器中打开您的本地文件，并自动刷新页面以显示任何更改。

功能

Live Server 提供以下功能：

  • 实时预览：在更改代码时实时预览结果。
  • 智能刷新：仅在更改文件时刷新页面。
  • 语法高亮：代码支持语法高亮。
  • 自定义端口：允许您指定自定义端口以启动 Live Server。

示例

假设您有一个名为 index.html 的文件，您可以按照以下方式启动 Live Server：

live-server

您将看到默认浏览器自动打开并显示 index.html 文件的内容。

扩展阅读

如果您想了解更多关于 Live Server 的信息，请访问以下链接：

Live Server 示例