live-server 是一款 npm 工具，全局安裝 npm i -g live-server 后，項目目錄使用 live-server 命令行命令便可直接在瀏覽器中預覽（默認找 index.html，其他需要帶上文件名空格后跟在后面），并且自動全局監聽實時更新。

常用命令行配置表

本地開發常常需要搭建臨時的服務，第一時間我們會想到用 http-server。

但現在流行修改文件瀏覽器自動刷新 hot socketing（熱拔插），如 live-reload。

若想瀏覽器自動打開項目，用 opener。

而 live-server 實現了上面這三個插件的功能

NPM 全局安裝

npm install -g live-server

使用方法：

在項目根目錄使用命令
npm init -y 初始化一個 npm 項目

之后項目中找到 package.json，修改 scripts 部分

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

或者

"scripts": {"server": "live-server 某個目錄" }

運行

npm run server

node 服務

var liveServer = require("live-server");var params = {port: 8181, // 設置服務器端口。 默認為 8080 host: "0.0.0.0", // 設置要綁定的地址。 默認為 0.0.0.0 或 process.env.IProot: "/public", // 設置正在服務的根目錄。 默認為 cwd。open: false, // 為 false 時，默認情況下不會加載您的瀏覽器。ignore: 'scss,my/templates', // 要忽略的路徑的逗號分隔字符串file: "index.html", //設置后，為每個 404 提供此文件（對單頁應用程序有用）wait: 1000, // 等待所有更改，然后重新加載。 默認為 0 秒。mount: [['/components', './node_modules']], // 將目錄掛載到路由。logLevel: 2, // 0 = errors only, 1 = some, 2 = lots middleware: [function(req, res, next) { next(); }] // 采用一系列與連接兼容的中間件，這些中間件被注入到服務器中間件堆棧中 }; liveServer.start(params);

總結

以上是生活随笔為你收集整理的live-server 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。