注意：1.在命令列工具中安裝（windows系統下，mac系統好像不會出現問題），如果安裝不成功，出現Error報錯，請參考

二：步驟：

1.安裝成功如圖所示：

2.如果除錯頁面為靜態頁面，只是單純的css樣式檔案或者html頁面，在當前需要除錯目錄下，開啟命令列，輸入命令：（具體檔名的書寫格式可以參考官網教程）

browser-sync start --server --files "css/*.css"
// 監聽css和html檔案 
browser-sync start --server --files "css/*.css, *.html"

*表示所有檔案。不同檔案之間用“，”隔開。

3.如果除錯頁面為動態頁面，包括一些php檔案在內的動態頁面，同樣在除錯目錄下，在命令列中輸入命令：

// 主機名可以是ip或域名
browser-sync start --proxy "主機名" "css/*.css"

主機名可以在命令列中，輸入ipconfig/all查詢。我除錯的時候檔名直接輸入"*.html"，就可以檢視本地伺服器中的專案檔案。選擇性查詢。

4.回車命令，會在命令列中彈出

這是靜態頁面。

這是動態頁面。

就是本地和外部的地址。

5.瀏覽器中輸入本地地址，會在頁面右上角提示contented To BrowerSycn,，跳轉到除錯頁面。

6.保證手機和電腦在同一網路下，連線統一WiFi即可。

7.在手機瀏覽器地址中輸入外部地址。手機中就會顯示除錯頁面。此時，電腦和手機的頁面回事同步的，可以根據手機上頁面的呈現效果來進行樣程式碼優化。

8.可以同時在多個不同的瀏覽器中開啟進行不瀏覽器相容性的除錯。

9.iphone使用者手機端除錯建議使用Safari瀏覽器。

好了，很簡單的過程，希望對您有用。