Live Server 是一个用于快速开发 Web 应用的工具，它可以实时预览 HTML、CSS 和 JavaScript 文件。以下是 Live Server 的基本使用方法：

安装

您可以通过以下命令在您的终端中安装 Live Server：

npm install -g live-server

或者如果您使用的是 yarn：

yarn global add live-server

使用

  1. 在您的项目根目录下打开终端。
  2. 运行以下命令启动 Live Server：
live-server

默认情况下，Live Server 会打开默认的浏览器并导航到 http://localhost:5500。您可以在浏览器中看到您的 Web 应用实时更新。

Live Server 预览效果

配置

Live Server 允许您自定义配置，例如指定端口号、静态文件目录等。以下是一个基本的配置文件示例：

{
  "port": 8900,
  "host": "0.0.0.0",
  "open": false,
  "ignore": ["node_modules", ".git"],
  "watch": ["src", "test"],
  "wait": 1000,
  "plugins": []
}

将此文件保存为 live-server.json 并放置在项目根目录下，Live Server 将自动读取并应用这些配置。

资源

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

希望这个指南对您有所帮助！👍

返回首页