什么是 npm 包 www？
npm 包 www 可以让你在本地快速部署一个静态 Web 服务器，方便地预览和测试你的前端代码。它是一个基于 node.js 平台的开源工具，支持多种操作系统，如 Windows、Linux、MacOS 等。该工具提供了自动刷新、路由配置、自定义错误页面等功能，特别适合于前端开发人员在本地进行开发和测试。
如何安装 npm 包 www？
在安装 npm 包 www 之前，需要确保你已经安装了 node.js 环境。如果你还没有安装，请先到 node.js 的官方网站 下载并安装。在安装完成后，打开命令行窗口，输入如下命令安装 npm 包 www：
npm install -g www
这个命令将在全局安装 npm 包 www，安装完成后，你就可以在命令行窗口中使用 www 命令了。
如何使用 npm 包 www？
1. 启动 Web 服务器
在命令行窗口中，进入你的项目所在的目录，然后输入如下命令，启动 Web 服务器：
www
如果一切正常，你将看到如下输出：
Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://192.168.100.101:8080 Hit CTRL-C to stop the server
这表示 Web 服务器已经启动，监听在 8080 端口，你可以通过浏览器访问 http://127.0.0.1:8080 或 http://192.168.100.101:8080 来查看你的网站了。如果你在开发过程中对代码进行修改，Web 服务器会自动刷新页面，方便你更快地预览修改后的效果。
2. 自定义端口号和目录
如果你想使用其他端口号或者指定其他目录作为 Web 服务器的根目录，可以使用如下命令：
www -p 8000 -d /path/to/your-project
这个命令将 Web 服务器的端口号设置为 8000，根目录设置为 /path/to/your-project。
3. 路由配置
npm 包 www 默认使用基于文件名的路由配置规则，例如，访问 index.html 文件时，会自动将访问路径设置为 /。如果你想自定义路由规则，可以创建一个名为 routes.json 的配置文件，并按照如下格式进行配置：
{
"/api": "http://localhost:3000",
"/static": "/path/to/your-static-files"
}上面的例子中，配置了两个路由规则。访问 /api 路径时，请求将被转发到本地的 3000 端口；访问 /static 路径时，会直接返回 /path/to/your-static-files 目录下的文件。
4. 自定义错误页面
如果你想为 Web 服务器添加自定义的错误页面，可以在你的项目根目录下创建一个名为 404.html 的文件，该文件将作为 Web 服务器在找不到请求的页面时所返回的错误页面。
总结
通过本文的介绍，你已经基本了解了 npm 包 www 的使用方法。它能够方便的搭建本地静态 Web 服务器，支持多种操作系统，提供自动刷新、路由配置和自定义错误页面等功能。在开发过程中使用 npm 包 www 可以大大提高工作效率，快速预览和测试你的前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671158dd3466f61ffe5f7