Browsersync能讓瀏覽器實時、快速響應您的文件更改（html、js、css、sass、less等）並自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等設備下進項調試。您可以想象一下：“假設您的桌子上有pc、ipad、iphone、android等設備，同時打開了您需要調試的頁面，當您使用browsersync後，您的任何一次代碼保存，以上的設備都會同時顯示您的改動”。無論您是前端還是後端工程師，使用它將提高您30%的工作效率。
一、安裝Node.js
訪問Node.js官網 https://nodejs.org/en/ ，會自動識別你當前的系統，我的MAC下載安裝直接安裝即可
二、安裝BrowserSync
MAC下打開終端，輸入命令，等待安裝即可完成！
npm install -g browser-sync
注意：偶爾會提示錯誤
checkPermissions Missing write access to /usr/local/lib/node_modules
這個是因爲安裝npm全局包提示沒有寫入權限，
需要修改下修改npm包所安裝目錄的權限
sudo chown -R $USER /usr/local
然後輸入密碼就可以了，查看目錄是否已切換權限：$ls -l /usr/local
三、啓動 BrowserSync
在終端進入，要監測的項目中，「必須的，否則不能執行」，注意最好到最後一層文件夾，否則出錯
可以使用Path Finder文件管理，在要檢測的文件夾上選擇，打開方式-終端，可以快捷打開。
輸入命令，監聽的文件類型，html,css等
// 監聽css文件
browser-sync start --server --files "css/*.css"
// 監聽css和html文件
browser-sync start --server --files "css/*.css, *.html"
四、移動端訪問（實時同步修改同步瀏覽）
以上操作後，電腦自動彈出http://localhost:3000訪問
也可通過http://192.168.1.143:3000 訪問，手機掃描訪問，網頁是同步進行修改的，這點很贊！
參考資料
[1] BrowserSync官網https://www.browsersync.io/