live-server 快速搭建服務

FREAKFILTH發表於2017-06-14

爭取節省大家的時間,看看有多快...

本地開發常常需要搭建臨時的服務,第一時間我們會想到用http-server

但現在流行修改檔案瀏覽器自動重新整理,好像叫hot socketing(熱拔插),這時候又得用到live-reload

既然裝逼就要裝到底,服務啟動了,我想瀏覽器自動開啟我的專案,再用個opener

現在只要使用live-server就能實現這三個外掛的所有功能,而且很簡單就能啟動一個看起來很專業的本地服務。

你只需要全域性安裝live-server

npm install -g live-server複製程式碼

在專案根目錄執行這條命令,一般會把它放在package.jsonscripts下的server中,然後執行npm run server

"scripts": {
  "server": "live-server ./ --port=9090"
}複製程式碼

然後你什麼也不用做,等待一會瀏覽器就自動開啟,並且當你修改本地任何檔案,瀏覽器都會立即同步。

希望這篇沒有任何技術可言的文章能夠幫到你!

本文作者:餘震(Shock)
本文出處:Rockjins Blog
版權宣告:本部落格所有文章除特別宣告外,均採用 CC BY-NC-SA 3.0 CN許可協議。轉載請註明出處!

相關文章