作为前端开发者，我们经常需要在本地进行静态资源的开发调试工作，这时候一个简单易用的本地静态服务器就显得尤为重要。现在市面上有很多优秀的本地服务器工具，但是有一款 npm 包在简洁易用的同时功能也十分强大，它就是 watch-http-server，下面让我们来详细了解一下它的使用教程。
功能介绍
watch-http-server 是一个基于 node.js 的本地服务器工具，可以实现自动监听文件变化并实时刷新页面的功能。它可以支持多种文件类型，如 HTML、CSS、JavaScript 等等，并且可以通过简单的配置指定监听的目录和端口号。
安装方式
安装 watch-http-server 很简单，只需要在命令行中执行如下语句即可：
npm install -g watch-http-server
使用方法
watch-http-server 有非常简单的使用方式，只需要进入需要作为静态资源服务器的目录，并执行下面的命令：
watch-http-server
执行命令后，watch-http-server 默认会监听 8080 端口并打开指定目录下的 index.html 文件。我们可以在浏览器中输入 http://localhost:8080 来访问这个文件。当然，如果我们需要监听不同的端口或指定不同的目录，可以使用不同的参数。
监听端口号
监听端口号非常简单，只需要添加 -p 或 --port 参数，并指定想要监听的端口号即可，如下所示：
watch-http-server -p 8888
执行上述命令后，watch-http-server 会监听 8888 端口并打开 index.html。
指定监听目录
如果我们需要监听的是指定的目录，而不是当前目录下的文件，可以添加 -d 或 --directory 参数，并指定需要监听的目录即可，如下所示：
watch-http-server -d /var/www/html
执行上述命令后，watch-http-server 会监听 /var/www/html 目录下的文件并打开 index.html。
其他参数
watch-http-server 还支持其他一些参数，如：
- -s 或 --silent：在启动的时候不输出任何信息。
- -o 或 --open：在启动的时候自动在浏览器中打开指定的页面。
- -h 或 --help：获取 watch-http-server 的帮助信息。
小节
通过上面的介绍，我们了解了 watch-http-server 的安装和使用方法。不仅如此，watch-http-server 还支持多种自定义配置，如自定义 404 页面、HTTPS 支持等等，这些都可以通过 watch-http-server 官方文档来查看。希望本文对大家在前端开发中能够有所裨益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc79b5cbfe1ea06127bf