> Browser-sync是一款能讓瀏覽器實時、快速響應您的文件更改（html、js、css、sass、less等）并自動刷新頁面的ndoejs插件，借助該插件，可以提升編碼體驗，提高開發效率。 ### browser-sync的安裝 ~~~ npm install -g browser-sync ~~~ ### browser-sync的使用例子 #### 靜態網站的使用 ~~~ browser-sync start --server --files "css/*.css, *.html, js/*.js" ~~~ >解析:項目css目錄下任何css文件改動，js目錄下的任何js文件改動和項目下任何html改動就自動刷新頁面 ~~~ browser-sync start --server --files "**/*.css, **/*.html" ~~~ >解析: 項目下任意目錄的css文件改動，任意目錄的html文件改動都會自動刷新頁面 #### 動態網站的使用 >如果開發環境有web服務器，我們可以配置成代理模式來使用 ~~~ browser-sync start --proxy "Browsersync.cn/home/index" "css/*.css" ~~~ >解析：項目css目錄下的任何文件改動，就會自動刷新域名為“Browsersync.cn/home/index”的頁面