BrowserSync真是前端必備神器，瀏覽器同步工具。簡單來說就是當你保存文件的同時瀏覽器自動刷新網頁，省去了手動的環節，大大的節省了開發時間，這個工具是基於nodejs的，可以通過npm安裝，不在啰嗦
npm install -g browser-sync
然后，就可以開始使用了。打開控制台進入項目所在的目錄，然后輸入像這樣的命令：
browser-sync start --server --files "css/*.css"
這個命令用於純靜態站點，也就是僅一些.html文件的情況。后面的--files "css/*.css"，是指監聽css目錄中的后綴名為.css的文件。請注意這個命令里的start --server，這其實是BrowserSync自己啟動了一個小型服務器。
如果是動態站點，則使用代理模式。例如PHP站點，已經建立了一個本地服務器如http://localhost:8080，此時會是這樣的命令：
browser-sync start --proxy "localhost:8080" --files "css/*.css"
BrowserSync會提供一個新地址（如未被占用的話，http://localhost:3000）用於訪問。
如果簡單只是想要監聽整個項目，可以寫成這樣：
browser-sync start --server --files "**"
在控制台里嘗試只輸入：
browser-sync
你會看到BrowserSync完整的控制台命令指南。其中可以看到有這個命令：
browser-sync init
運行它，將在當前目錄生成一個配置文件bs-config.js。
參照官方文檔修改這個文件，然后運行
browser-sync start --config bs-config .js
就將以bs-config.js的完整配置信息運行BrowserSync
下面是我運行時臨時截了一張圖
3001端口是后台地址，里面可自己開啟和關閉一些功能，想要終止當前目錄，用ctrl+c命令打斷即可，清空用cls命令
另外也可以通過gulp使用這個工具，Gulp是現在流行的自動化工具，但BrowserSync並沒有Gulp插件版，因為並不需要。
BrowserSync有自己獨立的API，將它注冊為gulp的一個task即可，送上官方的傳送門