移动端项目如何在手机上查看效果


很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢?
我们拿vue来说,
1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号
上图域名是我进行修改后的,大家打开后应该会默认显示localhost
2.window+R,输入cmd进入控制台,然后输入命令ipconfig/all 回车,我们可以看到自己电脑的一些ip信息
然后将上图中iPv4地址进行复制将config/index.js中域名修改为该域名,然后在项目中输入ctrl+y   yes 回车
然后npm run dev对项目进行重启,项目重启后,我们通过草料二维码生成图(https://cli.im/),将项目的地址复制粘贴,生成二维码
然后通过手机扫描该二维码就可以看到我们写的项目
不过需要注意的是,我们的pc电脑所连接的网络必须和手机在统一网段内。
至此总结完毕,还有什么疑问,欢迎留言,不懂得前端技术也可以留言哦,我们一起探讨
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM