前端開發人員快速建立本地伺服器

Will醬發表於2017-12-15

建立本地伺服器的方法自己用過幾種,比較來說node的http-server模組是最簡單,最快速的(應該還有更好的)

也許你用過wampserver,phpnow等整合包建立本地伺服器,使用過程中大家應該會遇到兩個棘手問題:1.尤其windows環境下,莫名其妙安裝不了,或者啟動不了   2.phpnow需要環境配置,煩人

不鋪墊了,直接上乾貨...

第一步  安裝nodejs

官網地址:https://nodejs.org/en/


前端開發人員快速建立本地伺服器
官網首頁

下載官網推薦版本v.6.9.1

第二步  安裝node

1.不管你是windows 還是 mac osx 環境下都是傻瓜式安裝(懶得配了,按預設的來)

2.安裝結束後,開啟命令列工具

3.輸入命令node -v 檢測node是否安裝成功,安裝成功,會顯示版本資訊

4.輸入npm -v 檢測npm安裝是否成功


前端開發人員快速建立本地伺服器
安裝成功

第三步  安裝http-server模組

1.還是在命令列裡操作,cd 命令進入你的一個專案檔案,比如app資料夾是你的專案資料夾,cd app

2.輸入命令 npm install -g http-server 安裝模組,因為訪問的是外網,下載有點慢,建議開啟翻牆軟體,我自己一直使用藍燈這款輕量且免費的翻牆軟體(推薦),一直處於翻牆狀態,所以沒遇到安裝失敗的情況


前端開發人員快速建立本地伺服器
安裝成功的狀態

第四步  開啟伺服器

每次建立本地伺服器的時候,用命令列,在自己專案目錄下執行一次http-server就能輕鬆開啟本地服務

超簡單!!!

只要一行命令!!!

在命令列中輸入http-server  就ok啦,本地伺服器就開啟啦,預設埠是:8080,在瀏覽器中輸入localhost:8080就可以使用了


前端開發人員快速建立本地伺服器
本地伺服器成功啟動

這篇文章是寫給不會建立本地伺服器的前端小白的...所以言語直白,呆傻萌,哈哈~

只要如上全域性安裝了httpserver,像這樣npm install -g http-server,那麼你就可以在任意專案下,通過cmd命令列工具,啟動http-server,不像wampserver、phpnow之類的需要將專案指定放在安裝目錄下的制定資料夾下,十分不方便 

相關文章