近年来，前端工程化越来越受到开发者的重视，而 npm 包成为了前端项目中使用最广泛的依赖管理工具之一。其中，done-serve 是一个轻量级的静态 Web 服务器，它可以协助前端开发者快速构建并测试本地开发环境。接下来，本文将为大家介绍 done-serve 的使用方法。
1. 安装 done-serve
在使用 done-serve 前，需要先安装它。运行以下命令即可在全局中安装 done-serve：
npm install -g done-serve
2. 使用 done-serve
安装完成后，我们可以在本地某个目录下运行以下命令来启动 done-serve：
done-serve [dir] [--port port] [--ssl] [--no-https2] [--cat] [--open] [--help] [--version]
其中，[dir] 参数为你要启动 done-serve 的目录路径，也就是你的前端项目所在的目录路径。例如：
done-serve /usr/local/project
2.1 端口设置
在默认情况下，done-serve 默认在本地的 3000 端口启动，然而你也可以通过 -p 或 --port 参数来自定义端口。例如：
done-serve /usr/local/project --port 8080
2.2 HTTPS 支持
可以通过 -s 或 --ssl 参数启用 HTTPS 协议。例如：
done-serve /usr/local/project --ssl
2.3 HTTP/2 支持
可以通过 --no-https2 参数禁用 HTTP/2 协议。例如：
done-serve /usr/local/project --no-https2
2.4 目录浏览
可以通过 -c 或 --cat 参数启用 done-serve 的目录浏览功能。例如：
done-serve /usr/local/project --cat
2.5 打开浏览器
可以通过 -o 或 --open 参数在启动 done-serve 后自动在浏览器中打开应用界面。例如：
done-serve /usr/local/project --open
2.6 帮助文档与版本号查询
我们可以通过以下两个参数分别查询 done-serve 的帮助文档和版本号：
done-serve -h done-serve -v
3. 高级配置
在使用 done-serve 时，由于它是一个轻量级的 Web 服务器，所以很多高级自定义功能是需要我们手动在命令行中配置的。下面是一些例子。
3.1 自定义 MIME 类型
若你需要使用一些非标准的 MIME 类型，你需要在启动 done-serve 前设置 MIME 对象，然后将其作为参数传递给 done-serve。例如：
-- -------------------- ---- ------- ----- ---- - ---------------- -- ----- ---- -- ------------- ----------------------------- --------- --- -- -- ---------- ----------------------------- - ----- ---
3.2 使用证书
当启用 HTTPS 协议时，我们需要为 done-serve 提供证书才能够进行 SSL 加密。此时，我们需要在命令行中手动输入密码才能使用证书：
done-serve /usr/local/project --ssl --cert /path/to/cert.pem --key /path/to/key.pem
3.3 自定义 404 页面
done-serve 的默认 404 页面可能无法满足你的需求，此时就需要我们手动配置一个 404 页面。例如：
done-serve('/path/to/public', {
onNoMatch(req, res) {
res.statusCode = 404;
res.setHeader('Content-Type', 'text/html');
res.end('404 Page Not Found');
},
});4. 总结
本文详细介绍了 done-serve 的使用方法和一些高级配置，希望可以帮助前端开发者更好地使用 done-serve 工具，并且更好地管理自己的前端项目。
示例代码：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ----------------- ------------ ----- ---------------- ----------------- ------- ------ ---------- ---------------- ------------- -- - ----------- ------ --- ------ --- ----- ---------------- ------- -------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75642