前言
在前端开发过程中，我们经常需要在本地运行静态文件。常规做法是使用 Webpack 或 Gulp 等工具，安装必要的依赖和配置环境。但对于一些简单的开发，这种做法显得相对繁琐和复杂。而 npm 包 js-serve 的出现则为此提供了一种更加简便的解决方案。
本文将为大家介绍 js-serve 的基本使用方法，以及如何在项目中使用它来提高开发效率。希望能对前端开发者有所帮助。
js-serve 是什么？
js-serve 是一个基于 Node.js 的静态文件服务器。它能够快速且简单地启动一个服务器，并提供文件访问服务。它不需要任何额外的依赖项，配置也简单易用。
在官方文档中，js-serve 被描述为“你需要的最简单的 Node.js HTTP 服务器。” 此说法并不夸张。使用 js-serve，我们只需要在命令行中输入一行命令就能启动服务器。同时它也支持一些高级的功能，如自定义端口和文件夹路径。
安装和使用
安装
在使用 js-serve 之前，我们需要先安装它。使用 npm 安装非常方便，只需在终端中执行以下命令即可：
npm install -g js-serve
基本使用方法
使用 js-serve 启动服务器十分简单。只需在终端中进入目标文件夹，并执行以下命令即可：
js-serve
这会启动默认的端口（3000）、默认的文件夹（当前终端所在的文件夹）。然后我们就可以在浏览器中访问 http://localhost:3000 并访问文件夹中的文件了。
自定义端口和文件夹路径
js-serve 支持自定义端口和文件夹路径。例如，如果我们希望使用端口 8080，可以在启动时指定：
js-serve -p 8080
如果我们需要使用其他文件夹，则可以通过以下命令来指定：
js-serve -s /path/to/files
其他高级用法
js-serve 还支持其他高级功能，如启用 gzip 压缩、跨域代理等。这些功能是通过在命令中使用其他参数来实现的。详见官方文档。
小结
在此，我们已经了解了 npm 包 js-serve 的基本使用方法。它可以帮助我们快速启动一个静态文件服务器。当我们需要快速测试一些静态页面或调试前端代码时，它就派上用场。希望这篇文章对大家有所帮助，谢谢阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056b2681e8991b448e53bd