這是一個具有實時過載功能的小型開發伺服器。用它來熱載入你的HTML / JavaScript / CSS檔案，但不能用於部署最終的網站。

優點

• 一鍵安裝，實現自動重新整理，架設本地伺服器環境。
• 比起 gulp 構建 實現自動重新整理，架設本地伺服器環境，需要安裝自動重新整理外掛gulp-livereload，架設本地伺服器外掛gulp-server。live-server簡直一步到位。只要安裝live-server，就可以解決自動重新整理和架設本地伺服器環境的問題。

安裝使用

1、安裝nodeJs
2、開啟命令列工具，輸入命令 npm i live-server -g
3、命令列進入專案檔案中，輸入命令 live-sever

注意事項

輸入命令 live-sever 啟動，預設會自動開啟瀏覽器，並且訪問8080埠。如何需要端口占用，可以更換埠。可以通過命令 --port=NUMBER修改， 具體操作如下：

live-server --port=8083

 其他命令列引數：

* `--port=NUMBER`     - 選擇要使用的埠，預設值：PORT env var或8080 
* `--host=ADDRESS`    - 選擇要繫結的主機地址，預設值：IP env var或0.0.0.0（“任意地址”）
* `--no-browser`      - 禁止自動Web瀏覽器啟動 
* `--browser=BROWSER` - 指定瀏覽器使用，而不是系統預設 
* `--quiet | -q`      - 禁止記錄 
* `--verbose | -V`    - 更多日誌記錄（記錄所有請求，顯示所有偵聽的IPv4介面等） 
* `--open=PATH`       - 啟動瀏覽器到PATH而不是伺服器根目錄 
* `--watch=PATH`      - 用逗號分隔的路徑來專門監視更改（預設值：觀看所有內容）
* `--ignore=PATH`     - 要忽略的逗號分隔的路徑字串（[anymatch](https://github.com/es128/anymatch) -compatible definition） 
* `--ignorePattern=RGXP`-檔案的正則表示式忽略（即`.*\.jade`）（**不推薦使用**贊成`--ignore`） 
* `--middleware=PATH` - 匯出.js檔案的路徑匯出中介軟體功能新增; 可以是一個沒有路徑的名字，也不是引用`middleware`資料夾中捆綁的中介軟體的副檔名 
* `--entry-file=PATH` - 提供這個檔案（伺服器的根相對），以取代丟失的檔案（對單頁面應用程式有用） 
* `--mount=ROUTE:PATH` - 在定義的路線下提供路徑內容（可能有多個定義） 
* `--spa`             - 將請求從/ abc轉換為/＃/ abc（適用於單頁面應用程式） 
* `--wait=MILLISECONDS` - （預設100ms）等待所有更改，然後重新載入 
* `--htpasswd=PATH`   - 啟用期待位於PATH的htpasswd檔案的http-auth 
* `--cors`            - 為任何來源啟用CORS（反映請求源，支援憑證的請求） 
* `--https=PATH`      - 到HTTPS配置模組的路徑 
* `--proxy=ROUTE:URL` - 代理ROUTE到URL的所有請求 
* `--help | -h`       - 顯示簡短的使用提示和退出 
* `--version | -v`    - 顯示版本和退出
 

執行原理

live-server是一個簡單的節點應用程式，用於工作目錄及其子目錄。它也監視檔案的變化，當這種情況發生時，它通過web套接字連線向瀏覽器傳送訊息，指示它重新載入。為了讓客戶端支援這個，伺服器為每個請求的html檔案注入一小段JavaScript程式碼。這個指令碼建立了web套接字連線並監聽過載請求。通過從DOM中查詢引用的樣式表，並觸發瀏覽器再次獲取並解析它們，可以重新整理CSS檔案，而無需整頁重新載入。
所以，讓你開啟chome控制檯，發現多了一小段JavaScript程式碼請不要驚慌。