Browsersync能讓瀏覽器實時、快速響應您的文件更改（html、js、css、sass、less等）并自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等設備下進項調試。您可以想象一下：“假設您的桌子上有pc、ipad、iphone、android等設備，同時打開了您需要調試的頁面，當您使用browsersync后，您的任何一次代碼保存，以上的設備都會同時顯示您的改動”。無論您是前端還是后端工程師，使用它將提高您30%的工作效率。
mac下安裝Browsersync：
1. 安裝 Node.js
BrowserSync是基于Node.js的, 是一個Node模塊， 如果您想要快速使用它，也許您需要先安裝一下Node.js
2. 安裝 BrowserSync
您可以選擇從Node.js的包管理（NPM）庫中 安裝BrowserSync。打開一個終端窗口，運行以下命令（由于mac需要一些權限，所以需要在代碼前加sudo）：
sudo npm install -g browser-sync
您告訴包管理器下載BrowserSync文件，并在全局下安裝它們，您可以在所有項目(任何目錄)中使用。
當然您也可以結合gulpjs或gruntjs構建工具來使用，在您需要構建的項目里運行下面的命令（同上）:
sudo npm install --save-dev browser-sync
3. 啟動 BrowserSync
一個基本用途是，如果您只希望在對某個css文件進行修改后會同步到瀏覽器里。那么您只需要運行命令行工具，進入到該項目（目錄）下，并運行相應的命令：
靜態網站
如果您想要監聽.css文件, 您需要使用服務器模式。 BrowserSync 將啟動一個小型服務器，并提供一個URL來查看您的網站。
首先要進入所在的項目目錄，然后輸入下面代碼
browser-sync start --server --files “./“
4.在網頁查看代碼
執行上面代碼之后會彈出一個默認瀏覽器的頁面，默認打開的是index.html的頁面，切換可以直接在后面加/*.html
之后的開始只需要進入根目錄，然后從本文的34進行操作即可
ps:要注意不要遺漏代碼中的空格
