这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...
.电脑和手机要连同一个wifi 一定是复制无线网的IP,而不是以太网的IP .在你的电脑上查找无线网络的ipv 地址: 查找方法:windows r 然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig 然后回车 你会看到一个ipv 的地址。复制这个地址 .在vue中找到config下的index 找到host 将host的值localhost改为刚才复制的那哥ipv 地址即可 ...
2019-11-11 13:51 0 1229 推荐指数:
这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...
十天没有写文章了,居然还有点手生,不知道该怎么开头了。。尴尬。 今天来分享一个小技巧--如何在手机上调试本地项目。 相信很多开发小伙伴都对手机样式调试比较头疼,在电脑模拟器上写好了 css 样式一切简直完美,但是到了手机上就是各种问题暴露。要是本地写好的样式可以直接到手机上去查看,岂不是美滋滋 ...
很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢? 我们拿vue来说, 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的,大家打开后应该会默认显示localhost ...
项目在浏览器中和手机上的实时预览有一定的差别,下面介绍如何在移动端预览Vue项目: 步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP; 步骤二: 将ipv4地址复制下来 ---> 192.168.x.x 步骤三: 打开想要预览的项目所在文件夹 ...
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 ...
方法 直接在html中引入vconsole.js文件, 然后在js脚本中使用console.log('调试内容'); 即可看到如下效果,还可以在network里面看到ajax请求 我把js文件传到博客园,方便大家下载. vconsole.js下载地址 https ...
1. 在电脑和手机上都安装Chrome浏览器;2. 手机用数据线连接到电脑上;3. 在设置的开发者选项里开启手机的USB调试;4. 要确保手机和电脑连接的是同一局域网,并且关掉电脑上的防火墙;5. 电脑上的chrome浏览器访问chrome://inspect,如果连接成功,就会在电脑 ...
1.确定电脑上安装了node.js 2.在当前所在项目文件夹下输入命令: npm install anywhere -g 或 npm i anywhere -g 当然 你安装了淘宝镜像 也可以 cnpm i anywhere -g 3.输入命令:anywhere 即可在浏览器以本机ip ...