概述
在前端开发中，我们经常需要启动一个本地服务器来预览网页效果。而 typhonjs-live-server 是一个轻量级的开发服务器，可以实时地展示修改后的网页效果。本文将介绍如何安装和使用 typhonjs-live-server。
安装
首先，你需要安装 Node.js，推荐使用官方网站下载安装包。安装完毕后，打开命令提示符或终端，输入以下命令安装 typhonjs-live-server：
npm install -g typhonjs-live-server
使用
启动服务器
启动服务器非常简单，只需要在终端中进入你的项目文件夹，然后输入以下命令即可：
typhonjs-live-server
该命令将会在本地 8080 端口启动服务器，并自动打开默认浏览器展示你的页面。
实时预览
在服务器启动后，你可以在项目文件夹中修改 HTML、CSS 和 JavaScript 文件，服务器将会自动检测文件的变化并实时刷新页面。这使得前端开发变得轻松、高效。
高级配置
typhonjs-live-server 提供了多种高级配置选项，包括启用 HTTPS、代理、打开子路径等。以下是一些常用的高级配置选项示例：
启用 HTTPS
在终端输入以下命令启用 HTTPS：
typhonjs-live-server --ssl
此时，typhonjs-live-server 会尝试在默认 443 端口启动 HTTPS 服务器。
设置代理
在终端输入以下命令启用代理功能：
typhonjs-live-server --proxy=http://localhost:3000
此时，typhonjs-live-server 会将所有请求代理到指定的 URL。例如，如果你在 HTML 中请求了 /api 的接口，typhonjs-live-server 将会将该请求代理到 http://localhost:3000/api。
打开子路径
在终端输入以下命令打开子路径功能：
typhonjs-live-server --spa=index.html
此时，typhonjs-live-server 会将所有非文件请求定向至指定的 HTML 文件。例如，如果你在浏览器中输入 http://localhost:8080/about，则 typhonjs-live-server 将会将该请求定向至 index.html，然后通过 JavaScript 路由进行页面跳转。
结语
typhonjs-live-server 是一个十分方便实用的前端开发工具，能够提升开发效率，改善开发体验。在资深前端工程师胡子老师的推荐下，小编开始使用 typhonjs-live-server，并从中受益匪浅。希望能对你也有所启发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579d81e8991b448d49ee