npm上面实用的第三方工具包

npm上面实用的第三方工具包

live-server

做用：为页面提供实时刷新重载的功能，而且能提供一个http服务器

官方地址：https://www.npmjs.com/package/live-server

使用方法：

# 安装
$ npm install -g live-server

# 在项目根目录执行下列命令
$ live-server --port=8080

注：

若是你比较懒，能够先在package.json中增长start中增长新的脚本

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

 

 而后每次只需执行 ：

$   npm run server

浏览器会自动打开，而且当你修改本地文件，浏览器都会当即同步

还能够考虑直接使用 vscode 上的 live server 插件

json-server

JSON-Server 是一个 Node 模块，运行 Express 服务器，你能够指定一个 json 文件做为 api 的数据源。

官方地址：https://www.npmjs.com/package/json-server

安装：

$ npm install -g json-server

 具体用法能够参考下面这篇博文：

http://www.javashuo.com/article/p-ralnvhdh-u.html