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

时间:2021-03-07 20:19:01

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