制作網(wǎng)頁為了看到最新的效果狼电，避免不了F5刷新網(wǎng)頁蜒灰，但是頻繁F5會顯得整個工作很繁瑣，所以今天學到怎么實時監(jiān)聽本地網(wǎng)頁肩碟。
第一强窖，要確認你是否安裝了node；
第二削祈，新版的node已經(jīng)集成了npm翅溺，所以不需要再安裝，只需要通過命令將相關配置配好即可髓抑。關于如何配置的詳細過程不做介紹咙崎，本文主要講如何安裝使用browser-sync。
1吨拍、打開cmd命令窗口或者gitbash褪猛，運行以下命令：（安裝過程中有選擇直接按回車即可）
npm install -g browser-sync
這里要注意最好使用-g表示在全局下安裝它們，這樣可以在任何目錄中使用羹饰。
判斷有沒有安裝成功伊滋，如下圖：
2、進入你的項目文件根目錄队秩，啟動Browser-sync笑旺。
$ browser-sync start --server?
這里要注意一定要進入項目的根目錄，否則會像上圖顯示找不到馍资。
第二個要注意的是筒主，
$ browser-sync start --server 后面加你想要監(jiān)聽的文件名或者是文件后綴表示想要監(jiān)聽的文件類型。
$ browser-sync start --server --files "index.html,app/**/*.js"
我這里表示是項目中一級目錄下的index.html文件和項目中一級目錄app文件里面的所有.js文件，如果想要多個文件中間用逗號隔開即可乌妙。
最后就能見到上圖中的效果使兔。然后如果想改button的顏色，可以直接進入sublime修改css冠胯，并保存火诸，就能實時看到頁面中的變化，不需要手動f5刷新荠察。
這是我今天學到的很簡單的安裝過程置蜀，本人小白，有表達不到位或者不對的地方請多多指教悉盆。
