1.Browsersync的使用

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)。

備注:參考 [browsersync中文網(wǎng)]
[Tyro_java博客]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容