美文网首页
电脑编写好的H5项目怎么在手机查看

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

作者: EmptyWalker | 来源:发表于2016-08-15 15:56 被阅读371次

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

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

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

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

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

    即可显示出你的项目结构

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

    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,在加载的过程中,终端会显示出每条请求加载的信息。

    0E6267F1-9E15-4F8A-84CA-EEDB6A2525C4.png

    相关文章

      网友评论

          本文标题:电脑编写好的H5项目怎么在手机查看

          本文链接:https://www.haomeiwen.com/subject/yopusttx.html