live-server 的使用

live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。

常用命令行配置表

本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。

但现在流行修改文件浏览器自动刷新 hot socketing（热拔插），如 live-reload。

若想浏览器自动打开项目，用 opener。

而 live-server 实现了上面这三个插件的功能

NPM 全局安装

npm install -g live-server

使用方法：

1. 在项目根目录使用命令
   npm init -y 初始化一个 npm 项目
2. 之后项目中找到 package.json，修改 scripts 部分

"scripts": {
	"server": "live-server ./ --port=8081"
}

或者

"scripts": {
	"server": "live-server 某个目录"
}

运行

npm run server

node 服务

var liveServer = require("live-server");
     
var params = {
    port: 8181, // 设置服务器端口。 默认为 8080 
    host: "0.0.0.0", // 设置要绑定的地址。 默认为 0.0.0.0 或 process.env.IP
    root: "/public", // 设置正在服务的根目录。 默认为 cwd。
    open: false, // 为 false 时，默认情况下不会加载您的浏览器。
    ignore: 'scss,my/templates', // 要忽略的路径的逗号分隔字符串
    file: "index.html", //设置后，为每个 404 提供此文件（对单页应用程序有用）
    wait: 1000, // 等待所有更改，然后重新加载。 默认为 0 秒。
    mount: [['/components', './node_modules']], // 将目录挂载到路由。
    logLevel: 2, // 0 = errors only, 1 = some, 2 = lots 
    middleware: [function(req, res, next) { next(); }] // 采用一系列与连接兼容的中间件，这些中间件被注入到服务器中间件堆栈中
};
liveServer.start(params);