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文件進行修改后會同步到瀏覽器里眨攘。那么您只需要運行命令行工具，進入到該項目（目錄）下嚣州，并運行相應的命令：
靜態(tài)網(wǎng)站
如果您想要監(jiān)聽.css文件, 您需要使用服務器模式鲫售。 BrowserSync 將啟動一個小型服務器，并提供一個URL來查看您的網(wǎng)站该肴。
首先要進入所在的項目目錄情竹，然后輸入下面代碼
browser-sync start --server --files “./“
4.在網(wǎng)頁查看代碼
執(zhí)行上面代碼之后會彈出一個默認瀏覽器的頁面，默認打開的是index.html的頁面匀哄，切換可以直接在后面加/*.html
之后的開始只需要進入根目錄秦效，然后從本文的34進行操作即可
ps:要注意不要遺漏代碼中的空格
