live-server小型本地服务器

live-server

一.简介

​ 这是一个具有实时重新加载功能的小型开发服务器,在我们本地开发中,特别是写静态页面的时候,每次修改网页的时候,我们不希望每次去点刷新按钮,而是自动重新加载.也就是我们需要搭建一个服务来进行页面热更新处理.并且自动实时更新咱们的文件.

二.为什么要使用

​ 使用它有两个原因:

​ 1.file:// 由于安全性限制,ajax请求不适用于该协议,即,如果您的站点通过JavaScript获取内容，则您需要一台服务器。

​ 2.在更改文件后自动重新加载页面可以加快开发速度。

三.安装

​ 前提是要安装node.js和npm.

​ npm方式:

$  npm install -g live-server    //-g 全局安装

四.使用

​ 我们这边用最简单的使用方式,其余的配置参数可以都不用管.直接cmd到我们站点的根目录下,输入

 $ live-server

然后会自动打开http://127.0.0.1:8080/,此时就可以打开静态页面了

五.参数命令

var liveServer = require("live-server");

var params = {
	port: 8181, //端口 默认8080
	host: "0.0.0.0", // 主机
	root: "/public", // 根目录
	open: false, // When false, it won't load your browser by default.
	ignore: 'scss,my/templates', 
	file: "index.html", 
	wait: 1000, // Waits for all changes, before reloading.
	mount: [['/components', './node_modules']], 
	logLevel: 2, // 0 = errors only, 1 = some, 2 = lots
	middleware: [function(req, res, next) { next(); }] 
};

liveServer.start(params);

以上是部分的参数命令,通常我们会遇到的问题基本就是端口占用,8080端口不想用的话,我们可以这样配置.

在项目根目录的package.json 的scripts 中添加如下脚本

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

最后通过 npm run server运行即可!