Browsersync能讓瀏覽器實時圈膏、快速響應(yīng)您的文件更改(html塔猾、js、css稽坤、sass丈甸、less等)并自動刷新頁面。
1. 安裝 Node.js
BrowserSync是基于Node.js的, 是一個Node模塊尿褪, 如果您想要快速使用它睦擂,也許您需要先安裝一下Node.js
http://www.runoob.com/nodejs/nodejs-install-setup.html
2.安裝 BrowserSync
1)全局安裝:
npm install -g browser-sync
2)如果想要在項目中添加項目依賴,不適用全局安裝杖玲,那么需要:
npm install browser-sync --save-dev
3)也可以結(jié)合gulpjs或gruntjs構(gòu)建工具來使用顿仇,在您需要構(gòu)建的項目里運行下面的命令:
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.進入文件夾目錄
假設(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去訪問項目地址, 可以在不同瀏覽器臼闻,不同平臺跪帝,只要保持設(shè)備在同一個網(wǎng)絡(luò)環(huán)境,同一個網(wǎng)段些阅,PC端防火墻允許這個入站規(guī)則伞剑,就可以同步顯示所有的操作和更改。
它給出了兩個端口一個是 3000市埋,一個是3001黎泣,一個是項目界面,一個是管理界面缤谎,用于設(shè)置browsersync的選項抒倚。