电脑编写好的H5项目怎么在手机查看

1. 利用npm serve安装一个服务器

2. 早终端下打开项目的根目录,然后执行指令serve

2CC27703-20B7-4AAD-8A60-8608C4D51FB6.png

注意上面生成的端口号:3000

3.在浏览器中输入localhost:3000

即可显示出你的项目结构

4.执行ifconfig(mac OS)中,获取本机的ip地址

电脑编写好的H5项目怎么在手机查看_第1张图片
0CA60FA0-9077-4B8C-AA29-C0D54FD412C7.png

通常 en0端口下载inet地址就是你的主机ip地址。

5. 将localhost:3000中的localhost换成你电脑的ip地址:http://10.10.197.207:3000,把这个地址发到手机( QQ WeiChat)都可以,即可在手机中查看编写效果。

注意:在你用serve生成的端口号,请求的过程中,不要终止终端的serve指令的运行,否界面将会出现404,在加载的过程中,终端会显示出每条请求加载的信息。

电脑编写好的H5项目怎么在手机查看_第2张图片
0E6267F1-9E15-4F8A-84CA-EEDB6A2525C4.png

你可能感兴趣的:(电脑编写好的H5项目怎么在手机查看)