前端开发中，我们常常需要开启一个本地的 Web 服务器来预览和测试我们所写的代码，而 npm 包 serves 就是一个轻量级的本地服务器工具，支持常用的选项和快捷键，让我们可以更加便捷地进行开发和调试工作。
安装 Serves
安装 Serves 非常简单，只需在终端中执行以下命令：
npm install -g serves
这里我们使用 -g 参数进行全局安装。
使用 Serves
在命令行中，我们只需进入项目所在目录，然后使用 serves 命令即可开启一个本地服务器：
cd /path/to/project serves
这样，Serves 就会默认监听 5000 端口，并通过浏览器打开项目的首页（假设项目根目录下存在 index.html 文件）。
如果你需要指定端口号，可以通过 -p 参数传递：
serves -p 8080
指定目录
和大多数 Web 服务器一样，Serves 默认只会服务于当前执行命令的目录，也就是常说的「根目录」。但是，我们也可以通过 -s 参数增加一个指定的目录：
serves -s /path/to/static/files/dir
这样，Serves 就会将 /path/to/static/files/dir 作为根目录，并在其中查找 index.html 文件来打开首页。这在有些场景下非常有用，比如在开发静态页面或者快速搭建一个轻量级的 Web 服务器等。
还有一个需要注意的点是，-s 参数只能指定一个目录，不支持同时传递多个目录路径。
选项和快捷键
Serves 内置了许多实用的选项和快捷键，使得我们可以更加精细地控制本地服务器的行为。以下是常用的一些选项和快捷键：
选项：
- -s, --single：单页应用模式，所有请求返回 index.html
- -c, --cors：允许跨域请求
- -o, --open：启动服务器后自动打开浏览器
- -h, --help：查看帮助信息
- -v, --version：查看版本号信息
快捷键：
- q：停止服务器
- Ctrl + c：停止服务器（与 q 操作等价）
- Ctrl + r：重新加载所有当前浏览器打开的页面
示例代码
下面是一个示例代码，演示了在项目根目录下使用 Serves 开启本地服务器，并监视所有请求：
const serve = require('serves');
serve({
root: '.',
port: 5000,
watch: true
});总结
通过本文，我们学习了如何使用 Serves 开启一个本地服务器，以及如何在 Serves 中定制选项和使用快捷键。Serves 具有轻量级和易用性等优点，非常适合日常开发和调试场景。如果你希望自己的项目获得更好的用户体验和更高的性能，不妨尝试一下 Serves。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61639