lite-server一个方便开发的轻便lite-server

WebServer 2017-02-17 node,lite-server,WebServer,BrowserSync

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

安装

1、先安装node,请到nodejs.org下载node安装

2、然后打开命令行执行

npm install lite-server -g

苹果需要添加sudo

sudo npm install lite-server -g

3、执行 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 首页文件

browser 使用什么浏览器打开,可以给一个数组,这样可以同时用不同的浏览器打开

startPath 默认打开时的起始地址,如果不给的话,启动后默认就直接打开 http://localhost:port/

proxy 这个非常重要,在做前后端开发转发时,基本都需要

同步

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

那有童鞋问了:它如何实现呢?

特别简单,在访问它服务的网页在返回html内容时都会自动注入一段js脚本,这段脚本主要就是发起一个ws请求,双向接收发送事件从而达到同步的目的。所以它不适合生产环境,当然也并仅仅因为这一点,它的所有的设计就不是针对生产环境的

文字链接:《lite-server一个方便开发的轻便lite-server

文章地址:http://www.qttc.net/201702476.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 0

    Hi,你想第一个做沙发么?