电脑编写好的H5项目怎么在手机查看
2016-08-15 本文已影响371人
EmptyWalker
1. 利用npm serve安装一个服务器
2. 早终端下打开项目的根目录,然后执行指令serve
![](https://img.haomeiwen.com/i908053/db67abb71e8a8b0c.png)
注意上面生成的端口号:3000
3.在浏览器中输入localhost:3000
即可显示出你的项目结构
4.执行ifconfig(mac OS)中,获取本机的ip地址
![](https://img.haomeiwen.com/i908053/4b15f8669e994c74.png)
通常
en0
端口下载inet地址就是你的主机ip地址。
5. 将localhost:3000
中的localhost换成你电脑的ip地址:http://10.10.197.207:3000
,把这个地址发到手机( QQ WeiChat)都可以,即可在手机中查看编写效果。
注意:在你用serve生成的端口号,请求的过程中,不要终止终端的serve指令的运行,否界面将会出现404,在加载的过程中,终端会显示出每条请求加载的信息。
![](https://img.haomeiwen.com/i908053/99cacf875f40655c.png)