前端在本地啓動服務預覽html頁面

    在開發移動端項目時瀏覽器裏出來的效果每每到真機上和預想的有出入，在開發過程當中知道了一個能夠在本地本身啓動一個服務器在手機預覽的辦法。

　一、首先在終端安裝http。

　　 npm i http-server -g。（g全局安裝）

　　

         安裝成功以後

    二、cd到須要查看的頁面的文件夾處（該文件夾必須是包含js、css等全部文件的文件夾）

         例如：必須是memberPage這個文件夾（cd memberPage/）

        

 

    三、能夠看一下server下的命令都有什麼

         http-server -h

         

　　　　經常使用的就是-c其餘不作過多闡述，可自行百度其餘意思

 

　 四、運行查看項目

         http-server . -c-1（-c-1是不須要緩存）

         啓動完畢以後會有以下界面

         

 

 

    五、在電腦上查看

         例如：localhost:8080/（默認打開index頁面）若要打開index0.html就須要localhost:8080/index0

    六、在手機預覽效果

         手機端輸入http-server地址+文件名字。http-server地址通常是用帶ip的那個例如（http://10.2.85.221:8080/index0）.

         注意：手機訪問的話，須要手機和電腦是在同一局域網下。

         而後手機和瀏覽器的模擬機的出入就一目瞭然啦。具體怎麼在手機端查看佈局問題請看下一篇《如何在真機進行前端頁面調試》。