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

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

live-server

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

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

使用方法：

# 安装
$ npm install -g live-server

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

注：

如果你比较懒，可以先在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

具体用法可以参考下面这篇博文：

https://www.cnblogs.com/ys-wuhan/p/6387791.html