前言
在 Web 应用开发中，经常需要用到一些本地服务器，例如搭建静态文件服务器、模拟 API 等等。这时候，一个方便易用的命令行工具就显得非常重要。其中，@kgryte/http-server 就是一个优秀的 npm 包。
本文将针对 @kgryte/http-server 包进行详细的介绍和使用教程，希望能够帮助前端开发者更好地使用该工具。
介绍
@kgryte/http-server 是一个简单易用的基于 Node.js 的静态文件服务器，可以方便地在本地搭建一个 HTTP 服务。它支持自定义端口、文件根目录、自动打开浏览器、启用 https 等功能。
该包已经发布到 npm，并且非常受欢迎，截至目前（2022 年 5 月），已经超过 150 万次下载量。以下是该包的 GitHub 地址：https://github.com/http-party/http-server。
安装
在使用 @kgryte/http-server 之前，需要先进行安装。可以使用 npm 直接进行安装：
npm install -g http-server
安装完成后，即可在命令行中使用 http-server 命令。在后续的例子中，我们将使用 TypeScript 和 VSCode 进行演示。
使用
启动基本服务器
在默认情况下，http-server 命令会在当前目录下启动一个服务器，监听端口为 8080。例如，在 TypeScript 项目的根目录下执行以下命令：
http-server
此时，会自动打开 web 浏览器显示该服务器的地址：
此时，在浏览器中可以访问该服务器下的所有文件。
更改端口号和根目录
如果想要监听其他的端口，可以使用 --port 或 -p 参数进行设置。例如：
http-server --port 3000
意思是将该服务器的监听端口设置为 3000。
如果想要更改文件根目录，可以在命令后面输入目录路径：
http-server dist
此时，该服务器将根目录设置为项目目录下的 dist 文件夹。在实际的开发中，我们常常需要将 TypeScript 或者其他代码编译到 dist 文件夹下，然后在该文件夹中进行本地测试。
启用 HTTPS
当需要进行 HTTPS 访问时，可以使用 --ssl 参数启用 HTTPS：
http-server --ssl
此时，该服务器将使用自签名的证书，访问时会弹出提示框，需要点击允许才能继续访问。如果想要指定证书和密钥文件，可以使用 --cert 和 --key 参数。
启用登录验证
如果希望在访问服务器时进行登录验证，可以使用 --auth 参数。该参数格式如下：
http-server --auth username:password
此时，访问服务器时需要输入指定的用户名和密码。在实际的开发中，这个功能非常有用，可以有效地保护服务器资源。
结语
本文对 @kgryte/http-server 包进行了详细的介绍和使用教程，希望能够帮助前端开发者更好地使用该工具。
在使用时，建议参考该包的官方文档进行学习和使用，并根据自己的需求进行配置。通过学习该工具的使用方法，可以方便地搭建本地服务器，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e244497