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