1.Browsersync的使用

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的選項抒倚。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市坷澡,隨后出現(xiàn)的幾起案子托呕,更是在濱河造成了極大的恐慌,老刑警劉巖频敛,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件项郊,死亡現(xiàn)場離奇詭異,居然都是意外死亡斟赚,警方通過查閱死者的電腦和手機着降,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拗军,“玉大人任洞,你說我怎么就攤上這事》⑶郑” “怎么了交掏?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長刃鳄。 經(jīng)常有香客問我盅弛,道長,這世上最難降的妖魔是什么铲汪? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任熊尉,我火速辦了婚禮,結(jié)果婚禮上掌腰,老公的妹妹穿的比我還像新娘狰住。我一直安慰自己,他們只是感情好齿梁,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布催植。 她就那樣靜靜地躺著肮蛹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪创南。 梳的紋絲不亂的頭發(fā)上伦忠,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音稿辙,去河邊找鬼昆码。 笑死,一個胖子當著我的面吹牛邻储,可吹牛的內(nèi)容都是我干的赋咽。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼吨娜,長吁一口氣:“原來是場噩夢啊……” “哼脓匿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起宦赠,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤陪毡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后勾扭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毡琉,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年尺借,在試婚紗的時候發(fā)現(xiàn)自己被綠了绊起。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡燎斩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蜂绎,到底是詐尸還是另有隱情栅表,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布师枣,位于F島的核電站怪瓶,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏践美。R本人自食惡果不足惜洗贰,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望陨倡。 院中可真熱鬧敛滋,春花似錦、人聲如沸兴革。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至庶艾,卻和暖如春袁余,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背咱揍。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工颖榜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人煤裙。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓朱转,卻偏偏與公主長得像,于是被迫代替她去往敵國和親积暖。 傳聞我的和親對象是個殘疾皇子藤为,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容