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"
//監聽css、HTML、js文件
browser-sync start --server --files "**/*.css, **/*.html, **/*.js"
//監聽所有類型文件
browser-sync start --server --files "**/**.*"
默認啟動index.html
四、移動端訪問（實時同步修改，同步瀏覽功能很贊）
以上操作后，電腦自動彈出http://localhost:3000訪問
也可通過http://192.168.1.143:3000 訪問，手機掃描訪問，網頁是同步進行修改的，這點很贊！
五、大坑的解決 update:2018年11月15日17:51:29
1、不能同步刷新
- 「啟動命令錯了」命令要用我上面的啟動命令，要用雙引號。 要加上
--files和server，否則出錯 - 「要進入文件夾」一定從終端進入相應的文件夾，進行監控才行
- 「body包裹」監控html文件的話，至少使用body標簽包裹編輯的內容[，才好監控。
- 「莫名其妙的bug」有時候文件沒有反應的話，重新寫個html頁面進入，測試下是否正常刷新。可能監測是正常的，但是因為頁面代碼的問題，沒有監測到。
我莫名其妙的解決了這個問題，我懷疑是頁面代碼的問題，尤其是js代碼的問題。所以依次刪除屏蔽代碼。終于我把尾部的一段js代碼刪除后，能夠同步刷新了！！！ 更神奇的是我把這段代碼又復制回去了，還是能夠同步刷新！ 「實在無解的時候可以考慮這種方法」
參考資料
[1] BrowserSync官網https://www.browsersync.io/
