迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

学习VUE之---移动端如何测试

作者:嫣然 时间:2018/10/17 浏览次数:
在学习做vue移动端项目时,测试移动端兼容问题需要真机来测试,之前写移动端用的是HBuilder自带的服务,现在用webpack-dev-server小型的express服务器,下面介绍一下如何用手机测试页面。
1.首先pc端要和手机在同一个wifi网络下。

2.查看一下本地的ip地址

用ipconfig



3.修改webpack本地开发环境,可以用ip访问。修改config>index.js



4.配置好之后,启动服务npm run dev





5.草料二维码:https://cli.im/text?325b05f36b94fb2e1ecfac2cb431633b 生成二维码之后,手机扫一下二维码,就可以访问了。(或者直接在手机浏览器中输入上面的地址也可)。

除非注明转载,本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址:

迹忆客

专注技术分享,项目实战分享!

技术宅 乐于分享 7年编程经验
社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

热门文章

热门标签