Live Server的简介、安装与使用

基本概念

Live Server：一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。
优点
1：一键安装，实现自动刷新，架设本地服务器环境。
2：比起 gulp 构建 实现自动刷新，架设本地服务器环境，需要安装自动刷新插件gulp-livereload，架设本地服务器插件gulp-server。Live Server简直一步到位。只要安装Live Server，就可以解决自动刷新和架设本地服务器环境的问题。

官网地址
http://tapiov.net/live-server/

GitHub地址

https://github.com/tapio/live-server

npm地址
https://www.npmjs.com/package/live-server

运行原理

Live Server是一个简单的节点应用程序，用于工作目录及其子目录。它也监视文件的变化，当这种情况发生时，它通过web套接字连接向浏览器发送消息，指示它重新加载。为了让客户端支持这个，服务器为每个请求的html文件注入一小段JavaScript代码。这个脚本建立了web套接字连接并监听重载请求。通过从DOM中查找引用的样式表，并触发浏览器再次获取并解析它们，可以刷新CSS文件，而无需整页重新加载。

安装：

npm install -g live-server

运行：
在所在项目目录下，打开命令行工具，输入 live-server，回车就可以了！

可以自定义端口号，比如：

live-server --port=5500

    --port=NUMBER` - 选择要使用的端口，默认值：PORT env var或8080
    --host=ADDRESS` - 选择要绑定的主机地址，默认值：IP env var或0.0.0.0（“任意地址”）
    --no-browser` - 禁止自动Web浏览器启动
    --browser=BROWSER` - 指定使用浏览器而不是系统默认值
    --quiet | -q` - 禁止记录
    --verbose | -V` - 更多日志记录（记录所有请求，显示所有侦听的IPv4接口等）
    --open=PATH` - 启动浏览器到PATH而不是服务器root
    --watch=PATH` - 用逗号分隔的路径来专门监视变化（默认值：观看所有内容）
    --ignore=PATH`- 要忽略的逗号分隔的路径字符串（[anymatch](https://github.com/es128/anymatch) -compatible definition）
    --ignorePattern=RGXP`-文件的正则表达式忽略（即`.*\.jade`）（**不推荐使用**赞成`--ignore`）
    --middleware=PATH` - 导出要添加的中间件功能的.js文件的路径; 可以是没有路径的名称，也可以是引用`middleware`文件夹中捆绑的中间件的扩展名
    --entry-file=PATH` - 提供此文件（服务器根目录）代替丢失的文件（对单页应用程序有用）
    --mount=ROUTE:PATH` - 在定义的路线下提供路径内容（可能有多个定义）
    --spa` - 将请求从/ abc转换为/＃/ abc（方便单页应用）
    --wait=MILLISECONDS` - （默认100ms）等待所有更改，然后重新加载
    --htpasswd=PATH` - 启用期待位于PATH的htpasswd文件的http-auth
    --cors` - 为任何来源启用CORS（反映请求源，支持凭证的请求）
    --https=PATH` - 到HTTPS配置模块的路径
    --proxy=ROUTE:URL` - 代理ROUTE到URL的所有请求
    --help | -h` - 显示简洁的使用提示并退出
    --version | -v` - 显示版本并退出