前言
在前端开发中，我们经常需要本地开启一个本地服务器来预览修改的网页效果。有时候我们需要实时预览更改，此时 uvw-live-server 包就能派上用场了。本文将详细介绍如何使用 npm 包 uvw-live-server。
安装
安装 uvw-live-server 包非常简单，只需要在终端或命令行工具中运行以下命令即可：
npm install -g uvw-live-server
启动
安装完成后，进入你的项目文件夹，并在终端或命令行工具中输入以下命令：
uvw-live-server
此时，uvw-live-server 就会在默认的 8080 端口开启一个本地服务器，并自动打开浏览器查看你的网页。
自定义配置
uvw-live-server 也支持自定义配置，你可以通过在命令后添加参数来实现。以下是一些常见的参数：
- -p, --port <number> 指定端口号，如 -p 3000。
- -o, --open 指定是否自动打开浏览器，如 -o false。
- -s, --silent 禁止输出日志信息，如 -s。
- -h, --help 显示帮助信息。
例如，以下命令将在 3000 端口开启服务器，并禁止输出日志信息：
uvw-live-server -p 3000 -s
指南
接下来，我们通过一个示例来介绍如何使用 uvw-live-server。
首先，我们在本地创建一个文件夹，命名为 my-project，并在其中创建一个 index.html 文件，里面写入以下内容：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
-------
-- -
------ ----
-
--------
-------
------
---------- -----------
-------
-------接着，我们切换到 my-project 文件夹目录，并在终端或命令行工具中运行以下命令：
uvw-live-server
此时，uvw-live-server 就会在默认的 8080 端口开启一个本地服务器，并自动打开浏览器查看我们的 index.html 文件。此时，我们可以在浏览器中看到页面展示了一个大号的“Hello, World!”，字体颜色为红色。
现在，我们修改一下代码。将 h1 标签中的“Hello, World!”改为“Hello, uvw-live-server!”，并将字体颜色改为绿色：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
-------
-- -
------ ------
-
--------
-------
------
---------- ---------------------
-------
-------此时，保存代码，并切换到浏览器页面，你会发现页面内容已经自动刷新，并展示最新的页面效果，这就是 uvw-live-server 带来的自动实时预览功能。
结尾
uvw-live-server 包是一个非常好用的前端开发辅助工具。它能够极大地提升开发效率，并减少了手动刷新网页的繁琐操作。希望这篇文章能帮助到你更加高效地进行前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057cc781e8991b448ec037