lite-server一个轻便的开发程序

lite-server是使用NodeJS写的一款轻量WebServer程序，用于开发阶段使用

Github: https://github.com/johnpapa/lite-server

【国内直连ChatGPT 29元起】
国内直连ChatGPT，Plus会员每月29元起，支持最新o1模型探索更多领域，无需注册OpenAI账号。

安装

1、先安装NodeJS，如果没有安装请到nodejs.org下载安装最新版本 2、然后打开命令行执行

npm install lite-server -g

苹果电脑需要加sudo

sudo npm install lite-server -g

执行lite-server命令，如果能启动一个WebServer就表示安装成功

配置

lite-server默认会读取当前目录下的bs-config.js或者bs-config.json文件做为配置导入，如果你喜欢命令行配置也可以，只是当你配置越来越多的时候不方便。因为是基于BrowserSync所以直接到BrowserSync的官网查看配置即可，官网地址: https://www.browsersync.io/docs。

如果想自己定义配置文件的名称与目录可以使用-c配置启动

lite-server -c configs/my-bs-config.js

常见的配置有这些:

• port 服务器端口
• files 哪些文件可以提供访问
• server.baseDir 服务器目录，相对于当前目录
• server.index 首页文件，如index.html
• browser 使用什么浏览器打开，可以给一个数组，这样可以同时用不同的浏览器打开
• startPath 默认打开时的起始地址，如果不给的话，启动后默认就直接打开http://localhost:port/
• proxy 这个非常重要，在做API代理时需要配置

同步

BrowserSync之所以好用是它具有同步功能，在开启了同步以后（默认开启）所有访问它服务的客户端，只要有其中一个客户端发生了一些常见的事件行为（点击，滑动滚轮等）其它所有客户端都会同时触发相同的事件，从而达到浏览页面以及操作基本一致，这也就是在做开发测试，演示的时候它能同时实现多浏览器测试的原因。

它如何实现呢？

特别简单，在访问它自动注入一段js脚本在所有网页，这段脚本主要就是发起一个ws请求，双向接收发送事件从而达到同步的目的，所以它不适合单纯的当作WebServer部署到生产环境。