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