前端在本地启动服务预览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）.

         注意：手机访问的话，须要手机和电脑是在同一局域网下。

         而后手机和浏览器的模拟机的出入就一目了然啦。具体怎么在手机端查看布局问题请看下一篇《如何在真机进行前端页面调试》。