我們?cè)趯?xiě)前端頁(yè)面過(guò)程中，經(jīng)常會(huì)用瀏覽器查看調(diào)試自己寫(xiě)的頁(yè)面是不是達(dá)到自己想要的效果，而一般都是編輯器直接打開(kāi)，用的都是file協(xié)議：
file協(xié)議
而這種方式是有弊端的 ，當(dāng)代碼中存在http或https的鏈接時(shí)，HTML頁(yè)面就無(wú)法正常打開(kāi)。
下面教大家一種方法用
git安裝http-server插件打開(kāi)本地靜態(tài)服務(wù)器。（需要安裝Git 和 node.js）
-
第一步 打開(kāi)Git Bush 安裝
http-server插件
在終端輸入命令行npm i -g http-server
Git Bush
安裝成功示意圖
安裝成功
- 第二步 開(kāi)啟 http-server服務(wù)
- 命令行
cd ~/Desktop進(jìn)入桌面 - 命令行
cd mobile-demo進(jìn)入你自己在桌面上創(chuàng)建的項(xiàng)目文件夾 - 命令行
http-server -c-1打開(kāi)服務(wù)器
輸入 下面兩個(gè)服務(wù)器地址 就可以 同步訪問(wèn)自己編寫(xiě)的項(xiàng)目頁(yè)面了
image.png
第三步 關(guān)閉 http-server服務(wù)器
按快捷鍵CTRL+C
終端顯示http-server stopped.即關(guān)閉服務(wù)器成功。
關(guān)閉服務(wù)成功
