熱重載前端開發(fā)服務(wù)器 live-server

我使用的是 vscode 无切,這編輯器沒有像 webstorm 那樣在預(yù)覽文件的時候會啟動一個本地服務(wù)器妨托,以便一些js可以正常工作速那。

vscode 有一個 live-server 的插件 但打開我的項目的時候會很慢蚊俺,也不知道什么原因,點了之后要等好久才有反應(yīng)蔽莱,或者干脆不工作了弟疆。

索性試下 npm 安裝 live-server 。

必要工具

  • nodejs
  • npm 也可以安裝 cnpm 這樣對國內(nèi)環(huán)境更友好
  • gitBash 當然其它的命令行工具也是可以的

安裝

npm -g i live-server

啟動

live-server

好了碾褂,這樣本地就有會有個 開發(fā)服務(wù)器了兽间。 localhost:8080 并且在你修改文件后會自動刷新。是不是超簡單正塌。

其他參數(shù)


`--port=NUMBER`- 選擇要使用的端口嘀略,默認值:PORT envvar或8080

`--host=ADDRESS`- 選擇要綁定的主機地址,默認值:IP envvar或0.0.0.0(“任意地址”)

`--no-browser`- 禁止自動Web瀏覽器啟動*`--browser=BROWSER`- 指定瀏覽器使用乓诽,而不是系統(tǒng)默認

`--quiet | -q`- 禁止記錄

`--verbose | -V`- 更多日志記錄(記錄所有請求帜羊,顯示所有偵聽的IPv4接口等)

`--open=PATH`- 啟動瀏覽器到PATH而不是服務(wù)器根目錄

`--watch=PATH`- 用逗號分隔的路徑來專門監(jiān)視更改(默認值:觀看所有內(nèi)容)

`--ignore=PATH`- 要忽略的逗號分隔的路徑字符串([anymatch](https://github.com/es128/anymatch) -compatible definition)

`--ignorePattern=RGXP`-文件的正則表達式忽略(即`.*\.jade`)(**不推薦使用**贊成`--ignore`)

`--middleware=PATH`- 導(dǎo)出.js文件的路徑導(dǎo)出中間件功能添加; 可以是一個沒有路徑的名字,也不是引用`middleware`文件夾中捆綁的中間件的擴展名

`--entry-file=PATH`- 提供這個文件(服務(wù)器的根相對)鸠天,以取代丟失的文件(對單頁面應(yīng)用程序有用)

`--mount=ROUTE:PATH`- 在定義的路線下提供路徑內(nèi)容(可能有多個定義)

`--spa`- 將請求從/ abc轉(zhuǎn)換為/#/ abc(適用于單頁面應(yīng)用程序)

`--wait=MILLISECONDS`- (默認100ms)等待所有更改讼育,然后重新加載

`--htpasswd=PATH`- 啟用期待位于PATH的htpasswd文件的http-auth

`--cors`- 為任何來源啟用CORS(反映請求源,支持憑證的請求)

`--https=PATH`- 到HTTPS配置模塊的路徑

`--proxy=ROUTE:URL`- 代理ROUTE到URL的所有請求

`--help | -h`- 顯示簡短的使用提示和退出

`--version | -v`- 顯示版本和退出

live-server 官網(wǎng) http://tapiov.net/live-server/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末稠集,一起剝皮案震驚了整個濱河市奶段,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌剥纷,老刑警劉巖痹籍,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異晦鞋,居然都是意外死亡蹲缠,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門悠垛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來线定,“玉大人,你說我怎么就攤上這事确买〗锛ィ” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵湾趾,是天一觀的道長周偎。 經(jīng)常有香客問我抹剩,道長撑帖,這世上最難降的妖魔是什么蓉坎? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮胡嘿,結(jié)果婚禮上蛉艾,老公的妹妹穿的比我還像新娘。我一直安慰自己衷敌,他們只是感情好勿侯,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著缴罗,像睡著了一般助琐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上面氓,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天兵钮,我揣著相機與錄音,去河邊找鬼舌界。 笑死掘譬,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的呻拌。 我是一名探鬼主播葱轩,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼藐握!你這毒婦竟也來了靴拱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤猾普,失蹤者是張志新(化名)和其女友劉穎袜炕,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抬闷,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡妇蛀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了笤成。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片评架。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖炕泳,靈堂內(nèi)的尸體忽然破棺而出纵诞,到底是詐尸還是另有隱情,我是刑警寧澤培遵,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布浙芙,位于F島的核電站登刺,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏嗡呼。R本人自食惡果不足惜纸俭,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望南窗。 院中可真熱鬧揍很,春花似錦、人聲如沸万伤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽敌买。三九已至简珠,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間虹钮,已是汗流浹背聋庵。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留芜抒,地道東北人珍策。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像宅倒,于是被迫代替她去往敵國和親攘宙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理拐迁,服務(wù)發(fā)現(xiàn)蹭劈,斷路器,智...
    卡卡羅2017閱讀 134,661評論 18 139
  • 準備工作 安裝命令行工具线召,推薦git bash,直接下載安裝即可铺韧。 (windows,以下安裝操作均在window...
    瘋狂轟炸機閱讀 2,335評論 0 2
  • ## 前端開發(fā)的工具 ### 編輯器: 1. 輕量級的缓淹,依靠插件:sublime哈打;atom(github);vs ...
    浪流兒閱讀 3,196評論 0 2
  • 版權(quán)聲明:本文為博主原創(chuàng)文章立轧,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1氛改、由來 ...
    it筱竹閱讀 11,137評論 0 21
  • 2017-3-15(是某打假日) 我又和它遇見帐萎, 我的武術(shù)。 我以為那只是一段值得保留的記憶了 將近十年前胜卤,我還是...
    哎呦高高閱讀 242評論 2 1