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

2021-08-20 20:04:57 字數 1162 閱讀 9733

參考:

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

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

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

官網首頁

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

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

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

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

安裝成功

安裝成功的狀態

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

只要一行命令!!!

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

本地伺服器成功啟動

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

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

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

建立本地伺服器的方法自己用過幾種,比較來說node的http server模組是最簡單,最快速的 應該還有更好的 第一步 安裝nodejs 第二步 安裝node 1.不管你是windows 還是 mac osx 環境下都是傻瓜式安裝 懶得配了,按預設的來 2.安裝結束後,開啟命令列工具 3.輸入命令...

iOS開發人員,如何搭建屬於自己的伺服器

參考位址 1 shift v 可以選中一行 2 y 複製一行 3 p 在當前行下方貼上複製內容 4 dd 刪除到行尾 5 x 刪除乙個字元 6 wq 儲存退出 7 q!不儲存退出 8 set nu nonu 顯示行號 9 vocabulary 跳轉到下乙個要查詢的vocabulary 10 i 進入...

前端開發人員實用Chrome外掛程式集錦

1.掘金 chrome 外掛程式 為設計師 程式設計師 產品經理每日發現優質內容。掘金 chrome 外掛程式聚合了國內外優質的互聯 點內容,在節省你的篩選成本的同時,幫你發現好內容。2.postman rest client 不僅可以除錯簡單的 css html 指令碼等簡單的網頁基本資訊,它還可...