我使用的是 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/