介绍
在前端开发中，我们常常需要搭建一个本地服务器来提供网页的访问，以此来验证我们所开发的网页是否正确。在过去，我们可能需要手动运行一个本地服务器程序，如 Apache 或 Nginx，但这需要我们具备相对复杂的服务器运维知识。现在有一个更好的解决方案：使用 npm 包 fast-serve。
fast-serve 是一个轻量级的静态文件服务器，它基于 Node.js 开发，使用简单方便。本文将介绍如何使用 fast-serve 在本地快速搭建一个简单的服务器，并支持浏览器自动刷新功能。
安装
要使用 fast-serve，你首先需要在你的开发环境中安装 Node.js。
在 Node.js 安装完成后，你可以使用 npm（Node.js 包管理器）来安装 fast-serve：
npm install fast-serve -g
注意：这里使用了 -g 参数，表示全局安装 fast-serve。
使用
简单使用
安装完成后，我们可以在终端中输入以下命令来启动 fast-serve：
fast-serve
在命令行中成功启动 fast-serve 后，你就可以在浏览器中访问 http://localhost:8000 来查看你的网页了。
指定文件夹
默认情况下，fast-serve 会在它所在的目录下查找 index.html 文件并将其作为服务器默认返回的文件。如果你的网页不具有这种默认结构，你可以指定 fast-serve 返回的文件夹。
假设你的网页文件夹位于当前目录下的 my-project 目录，你可以使用下面的命令来指定 fast-serve 返回 my-project 文件夹中的文件：
fast-serve my-project
指定端口号
默认情况下，fast-serve 会使用 8000 端口号。如果你需要使用其他端口号可使用下面的命令：
fast-serve --port=8080
这里我们指定 fast-serve 使用 8080 端口号提供服务。
自动刷新
在前端开发中，代码的改变需要刷新浏览器才能被看到。使用 fast-serve，我们可以支持浏览器自动刷新来提高开发效率。我们可以使用 browser-sync 模块来实现。
首先，我们需要安装 browser-sync：
npm install browser-sync -g
同时，启动 fast-serve 时我们还需要指定 --spa 选项，这表示 fast-serve 需要为 spa 应用提供服务。最后，我们可以使用以下命令来启动 fast-serve 和 browser-sync：
fast-serve --spa | browser-sync start --proxy "localhost:8000" --files "index.html" --reload-delay 300
这里我们在命令行中同时启动了 fast-serve 和 browser-sync。其中，命令的含义为：
- --spa：指定 fast-serve 为 spa 应用提供服务。
- browser-sync start：启动 browser-sync。
- --proxy "localhost:8000"：表示使用 localhost:8000 作为后端服务器。
- --files "index.html"：表示浏览器文件变更时自动刷新的文件。
- --reload-delay 300：刷新延时，ms 为单位。
使用 browser-sync，我们可以在保存代码变更时自动刷新浏览器，而且对于 spa 应用也支持路由模式，界面变化也会自动刷新。
总结
fast-serve 提供了一个简单、轻量、易用的方案来启动本地服务器，支持自定义文件夹、端口号和浏览器自动刷新。相信通过本文的介绍，读者可以快速上手使用 fast-serve 提高自己的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aac81e8991b448d83d1