什么是 live-server？
live-server 是一个简单的开发服务器，它可以监视文件更改并自动刷新浏览器。它非常适合前端开发人员，在开发过程中自动刷新浏览器。
安装 live-server
你需要安装 Node.js 和 npm 工具。如果你没有安装，可以从 Node.js 官网下载并安装。
使用以下命令全局安装 live-server：
npm install -g live-server
使用 live-server
要使用 live-server，在你的项目目录中执行以下命令：
live-server
这将启动 live-server 服务器，并在默认浏览器中打开你的应用程序。如果你的默认浏览器不是 Chrome 浏览器，则可以使用以下命令指定要使用的浏览器：
live-server --browser=chrome
现在，当你对应用程序的代码进行更改时，浏览器将自动刷新并显示最新更改的页面。
配置选项
live-server 还提供了一些方便的配置选项。以下是一些常用的选项：
端口号
可以使用 --port 选项指定要使用的端口号。例如，要将端口号设置为 8080：
live-server --port=8080
路径
可以使用 --entry-file 选项指定应用程序的入口文件。例如，要将路径设置为 index.html：
live-server --entry-file=index.html
忽略文件
如果你想忽略一些文件，可以使用 --ignore 选项。例如，要忽略所有 .css 和 .js 文件：
live-server --ignore=*.css,*.js
示例代码
以下是一个简单示例，演示了如何在 HTML 中使用 live-server：
-- -------------------- ---- ------- --------- ----- ------ ------ ----------- ------ --------------- ------- ------ ---------- ----------- ------- ------------------------ ------- -------
现在，在你的项目目录中执行以下命令：
live-server
这将启动 live-server 服务器，并在默认浏览器中打开 index.html 文件。当你更改 index.js 文件时，浏览器将自动刷新并显示最新更改的页面。
总结
通过本教程，你已经学会了如何安装和使用 live-server。使用 live-server 可以提高前端开发效率，减少手动刷新浏览器的次数。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44737