BrowserSync使用的優點，BrowserSync監聽條件中的文件，發現更新會立刻刷新瀏覽器，就像 vue中的熱更新一樣，解放F5實現自動更新，提高開發效率，
解決了使用雙屏幕時來回切換的煩惱！
一 .安裝node
BrowserSync是基於Node.js的, 是一個Node模塊，如果沒有node.js 麻煩自行解決（百度）
二. 安裝BrowserSync
從Node.js的包管理（NPM）庫中安裝BrowserSync。打開一個終端窗口，運行以下命令：
npm install -g browser-sync
三. 使用BrowserSync
1. 監聽.css文件, 使用服務器模式。 BrowserSync 將啟動一個小型服務器，並提供一個URL來查看網站。
// --files 路徑是相對於運行該命令的項目（目錄） browser-sync start --server --files "css/*.css"
2. 要監聽多個類型的文件，只需要用逗號隔開。例如我們再加入一個.html文件
// --files 路徑是相對於運行該命令的項目（目錄） browser-sync start --server --files "css/*.css, *.html" // 如果你的文件層級比較深，您可以考慮使用 **（表示任意目錄）匹配，任意目錄下任意.css 或 .html文件。 browser-sync start --server --files "**/*.css, **/*.html"
3. 動態網站
3.1 已經有其他本地服務器環境PHP或類似的需要使用代理模式。 BrowserSync將通過代理URL(localhost:3000)來查看網站。
// 主機名可以是ip或域名 browser-sync start --proxy "主機名" "css/*.css"
3.2 在本地創建了一個PHP服務器環境，並通過綁定Browsersync.cn來訪問本地服務器，使用以下命令方式，Browsersync將提供一個新的地址localhost:3000來訪問Browsersync.cn， 並監聽其css目錄下的所有css文件。
browser-sync start --proxy "Browsersync.cn" "css/*.css"
四： Browsersync官網