前言
lite-server 是一款基于 Node.js 和 BrowserSync 实现的轻量级开发服务器,可以用来快速搭建一个本地的开发环境,使开发者可以更加高效地进行前端开发。在本篇文章中,我们将详细介绍如何使用 lite-server。
安装
首先,需要在本地安装 Node.js 和 npm,如果您还没有安装的话,请先去下载安装。
安装 lite-server 只需要一行命令:
npm install -g lite-server
使用
使用 lite-server 非常简单,只需要在你的项目根目录下打开终端,执行以下命令即可:
lite-server
执行完毕后,会在浏览器中打开一个新的页面,显示你的项目页面。此时,如果你修改了代码并保存,浏览器页面也会自动刷新,无需手动刷新页面。
配置
如果您的项目需要自定义配置,可以在项目根目录下创建一个名为 bs-config.js 的文件,来覆盖 lite-server 的默认配置。
例如,我们需要将默认的端口号改为 8080,只需要在 bs-config.js 中添加如下配置即可:
module.exports = { port: 8080 };
更多的配置项可以参考官方文档:https://www.npmjs.com/package/lite-server
示例代码
以下是一个使用 lite-server 的示例代码:
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------- -------------- ------- ------ ---------- ----------- ------- -- - ------ --------- ------- -------
保存为 index.html 文件,放在项目根目录下,并执行 lite-server 命令即可启动服务器。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/56676