我們都知道伟姐，可以通過瀏覽器直接打開HTML文件來查看可視化的效果近她，但這種方式有一些局限性服鹅。比如我們?cè)谧鍪謾C(jī)端適配的時(shí)候混蔼，無法直接查看手機(jī)端的效果等。為了不受此類限制系奉，強(qiáng)烈建議搭建一個(gè)本地的HTTP服務(wù)器檬贰，用該服務(wù)器來維護(hù)HTML頁面和數(shù)據(jù)文件，而非直接從文件系統(tǒng)加載缺亮。
一偎蘸、安裝Python簡(jiǎn)易HTTP服務(wù)器
大多數(shù)Linux/Unix/mac OS操作系統(tǒng)都已默認(rèn)安裝，直接運(yùn)行以下命令即可瞬内，其中“8008”為指定的端口號(hào)迷雪；如果沒有安裝python，可到 https://www.python.org/getit/ 進(jìn)行下載虫蝶。
> python –m SimpleHTTPServer 8008 然后在瀏覽器地址欄輸入 http://localhost:8008/ 將展示下圖效果：
二章咧、安裝Node.js HTTP服務(wù)器
運(yùn)行如下命令前需確定全局安裝了node，可在終端運(yùn)行命令 node -v 查看是否已安裝能真，
> npm install http-server –g 安裝
> http-server . 注意赁严，點(diǎn)代表當(dāng)前文件夾
<pre class="hljs axapta">`> **http-server .
[圖片上傳失敗...(image-a54e34-1589454951732)]**` </pre>
該命令可以啟動(dòng)一個(gè)Node.js驅(qū)動(dòng)的HTTP服務(wù)器，默認(rèn)端口號(hào)是8080粉铐，也可以用 -p 參數(shù)指定一個(gè)端口號(hào)疼约，如 http-server . -p 8888，此時(shí)端口號(hào)指定為“8888”蝙泼。
如果是在Linux/UNIX/Mac的操作系統(tǒng)中運(yùn)行該命令程剥，需要用sudo模式或者root權(quán)限來運(yùn)行，即sudo npm i http-server -g汤踏，然后輸入密碼進(jìn)行安裝即可织鲸。
瀏覽器輸入http://10.10.11.80:8081或http://127.0.0.1:8081舔腾，即可有如下效果：
