Browsersync能讓瀏覽器實(shí)時(shí)、快速響應(yīng)您的文件更改(html、js、css、sass、less等)并自動(dòng)刷新頁面。
1. 安裝 Node.js
BrowserSync是基于Node.js的, 是一個(gè)Node模塊, 如果您想要快速使用它,也許您需要先安裝一下Node.js
http://www.runoob.com/nodejs/nodejs-install-setup.html
2.安裝 BrowserSync
1)全局安裝:
npm install -g browser-sync
2)如果想要在項(xiàng)目中添加項(xiàng)目依賴,不適用全局安裝,那么需要:
npm install browser-sync --save-dev
3)也可以結(jié)合gulpjs或gruntjs構(gòu)建工具來使用,在您需要構(gòu)建的項(xiàng)目里運(yùn)行下面的命令:
npm install --save-dev browser-sync
備注:建議使用NPM淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后使用 cnpm install [name]
cnpm install -g browser-sync
3.使用
1.進(jìn)入文件夾目錄
假設(shè)需要監(jiān)聽的是E:\Jqclub\MUI文件夾
1.打開win+r,輸入cmd 回車
2.e: 回車
3.cd E:\Jqclub\MUI 回車
2.輸入:
browser-sync start --server --files "*.html , css/*.css , js/*.js"
回車

輸入
3.使用地址

使用地址
然后使用,上面命令行給出的External去訪問項(xiàng)目地址, 可以在不同瀏覽器,不同平臺(tái),只要保持設(shè)備在同一個(gè)網(wǎng)絡(luò)環(huán)境,同一個(gè)網(wǎng)段,PC端防火墻允許這個(gè)入站規(guī)則,就可以同步顯示所有的操作和更改。
它給出了兩個(gè)端口一個(gè)是 3000,一個(gè)是3001,一個(gè)是項(xiàng)目界面,一個(gè)是管理界面,用于設(shè)置browsersync的選項(xiàng)。