建立本地伺服器的方法自己用過幾種,比較來說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之類的需要將專案指定放在安裝目錄下的制定資料夾下,十分不方便