npm 包 lite-server 使用教程

阅读时长 2 分钟读完

前言

lite-server 是一款基于 Node.js 和 BrowserSync 实现的轻量级开发服务器,可以用来快速搭建一个本地的开发环境,使开发者可以更加高效地进行前端开发。在本篇文章中,我们将详细介绍如何使用 lite-server。

安装

首先,需要在本地安装 Node.js 和 npm,如果您还没有安装的话,请先去下载安装。

安装 lite-server 只需要一行命令:

使用

使用 lite-server 非常简单,只需要在你的项目根目录下打开终端,执行以下命令即可:

执行完毕后,会在浏览器中打开一个新的页面,显示你的项目页面。此时,如果你修改了代码并保存,浏览器页面也会自动刷新,无需手动刷新页面。

配置

如果您的项目需要自定义配置,可以在项目根目录下创建一个名为 bs-config.js 的文件,来覆盖 lite-server 的默认配置。

例如,我们需要将默认的端口号改为 8080,只需要在 bs-config.js 中添加如下配置即可:

更多的配置项可以参考官方文档:https://www.npmjs.com/package/lite-server

示例代码

以下是一个使用 lite-server 的示例代码:

-- -------------------- ---- -------
--------- -----
------
------
  ----- ----------------
  ------------- --------------
-------
------
  ---------- -----------
  ------- -- - ------ ---------
-------
-------

保存为 index.html 文件,放在项目根目录下,并执行 lite-server 命令即可启动服务器。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/56676

纠错
反馈