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

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

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

安装

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部署到生产环境。

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

LINK: https://www.qttc.net/476_lite_server.html

NOTE: 转载内容请注明出处