制作網(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刷新。

這是我今天學到的很簡單的安裝過程，本人小白，有表達不到位或者不對的地方請多多指教。