爭取節省大家的時間,看看有多快...
本地開發常常需要搭建臨時的服務,第一時間我們會想到用http-server
。
但現在流行修改檔案瀏覽器自動重新整理,好像叫hot socketing(熱拔插)
,這時候又得用到live-reload
。
既然裝逼就要裝到底,服務啟動了,我想瀏覽器自動開啟我的專案,再用個opener
。
現在只要使用live-server
就能實現這三個外掛的所有功能,而且很簡單就能啟動一個看起來很專業的本地服務。
你只需要全域性安裝live-server
:
npm install -g live-server複製程式碼
在專案根目錄執行這條命令,一般會把它放在package.json
的scripts
下的server
中,然後執行npm run server
:
"scripts": {
"server": "live-server ./ --port=9090"
}複製程式碼
然後你什麼也不用做,等待一會瀏覽器就自動開啟,並且當你修改本地任何檔案,瀏覽器都會立即同步。
希望這篇沒有任何技術可言的文章能夠幫到你!
本文作者:餘震(Shock)
本文出處:Rockjins Blog
版權宣告:本部落格所有文章除特別宣告外,均採用 CC BY-NC-SA 3.0 CN許可協議。轉載請註明出處!