live-server:https://www.npmjs.com/package/live-server
全局安裝:
npm install -g live-server
從命令行使用
live-server
在您的項目目錄中發出命令。或者,您可以添加路徑作為命令行參數。
這將自動啟動默認瀏覽器。當您對任何文件進行更改時,瀏覽器將重新加載頁面 - 除非它是 CSS 文件,在這種情況下,無需重新加載即可應用更改。
命令行參數:
--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兼容定義)--ignorePattern=RGXP
-文件的正則表達式忽略(即.*\.jade
)(不推薦使用贊成--ignore
)--no-css-inject
- 在 CSS 更改時重新加載頁面,而不是注入更改的 CSS--middleware=PATH
- .js 文件的路徑,導出要添加的中間件功能;可以是沒有路徑或擴展名的名稱來引用middleware
文件夾中的捆綁中間件--entry-file=PATH
- 提供此文件(服務器根相關)代替丟失的文件(對單頁應用程序有用)--mount=ROUTE:PATH
- 在定義的路由下提供路徑內容(可能有多個定義)--spa
- 將請求從 /abc 轉換為 /#/abc(適用於單頁應用程序)--wait=MILLISECONDS
-(默認 100 毫秒)等待所有更改,然后重新加載--htpasswd=PATH
- 啟用 http-auth 期望位於 PATH 的 htpasswd 文件--cors
- 為任何來源啟用 CORS(反映請求來源,支持帶有憑據的請求)--https=PATH
- HTTPS 配置模塊的路徑--https-module=MODULE_NAME
- 自定義 HTTPS 模塊(例如spdy
)--proxy=ROUTE:URL
- 將 ROUTE 的所有請求代理到 URL--help | -h
- 顯示簡潔的使用提示並退出--version | -v
- 顯示版本並退出
默認選項:
如果文件~/.live-server.json
存在,它將被加載並用作命令行上 live-server 的默認選項。有關選項名稱,請參閱“從節點使用”。
我們使用命令行運行本地打包的vue項目:
(本地項目目錄)
(2)終端中運行