由VMnet引發的browser-sync故障解決方案

　　(2019年2月19日注：這篇文章原先發在本身github那邊的博客，時間是2016年7月11日)

　　今天晚上，前端組的小夥伴問我說能不能幫忙看看他的電腦爲何在安裝了browser-sync插件之後，正常啓動服務之後卻沒法經過手機訪問，通過簡單的排查，發現居然是由VMnet虛擬網卡引發的網絡故障，遂記錄下來。也正好把整個browser-sync插件的安裝過程說一下。

　　1.部署好git環境以及Node.js的安裝，這個很是簡單，在此就很少作解釋了。

　　2. 登陸 http://www.browsersync.cn 網站，按照安裝提示進行安裝。

npm install -g browser-sync

在安裝的過程當中還發現一些大家都懂的緣由連不上npm服務器，隨改用淘寶的鏡像站點，修改連接http://cnodejs.org/topic/4f9904f9407edba21468f31e

 

　　3. 在某個英文目錄下創建起一個文件夾，做爲放置待響應式測試的站點的根目錄，注意這裏的路徑都不能有中文，因爲是測試，我直接在桌面上創建一個test文件夾，進來之後運行命令。

npm install --save-dev browser-sync

　

　　4. 下載網站上給的同步測試包，解壓縮，進入下一級目錄。

　

 

　　5.運行命令，這個命令的意思是監聽本目錄下全部文件。

browser-sync start --server -files "*"

 

　　6. 如果正常狀況下，就會返回以下提示。

 

　　小夥伴今晚在這裏的返回提示是一個169.254.0.0/16的地址，這是一種叫作本地鏈路地址，用於當計算機沒有插入網線時，網卡給本身臨時自動分配的一個地址，而小夥伴當前使用的網絡地址固然不會是這個，所以致使了問題。

 　　既然browser-sync服務器識別並應用到了這個地址，說明本機上至少是有一塊網卡使用着這個地址，打開網絡與共享中心 → 更改適配器設置 → 網卡，一張張網卡看過去，立刻就發現了因爲VMnet1使用了這個地址，所以browser-sync服務器就指示到這裏來了，禁用掉這兩個網卡，再從新跑一遍步驟5，手機上就能打開了。

　　7.最後說說兩個使用事項吧。
　　(1) 手機端和電腦端必定要使用同一個網段，好比鏈接到一樣一個wifi下面，若電腦端直接鏈接wifi，手機端用流量的話，在不作端口轉發的前提下是不能正常使用的。
　　(2) 有一個根文件夾做爲監聽的根目錄，那麼就能夠在根目錄下面根據須要監聽文件了。

　　Bug在宿舍重現不出來(:з」∠)，估計應該只是個別電腦問題而已，小夥伴們如果碰到了能夠稍微注意一下。