首页 > 其他 > 详细

VS Code真机测试步骤

时间:2019-05-26 19:22:20      阅读:1893      评论:0      收藏:0      [点我收藏+]

VS Code真机测试步骤

前提:你的电脑跟你的手机是在同一个网络环境下。电脑连手机热点;

1. 在扩展里搜索live server,下载安装; 

技术分享图片

 

2. 打开cmd 命令窗口(快捷键是win+r) 输入ipconfig;复制 ipv4址,同步 vscode中的Live Server中的host 。重启你的vs code;

技术分享图片

 

3. 将要测试的页面用vscode打开,运行底部的Go Live; 

技术分享图片

 

4. Google拓展程序里搜索The QR Code Extension,安装此拓展程序,可以很方便的为页面生成二维码;

技术分享图片

 

附上谷歌扩展程序网址:https://chrome.google.com/webstore/search/The%20QR%20Code%20Extension?hl=zh-CN  

安装成功会在谷歌浏览器右上角显示一个二维码图标;

5.最后,点击二维码图标,拿出手机扫一扫开始真机测试。

VS Code真机测试步骤

原文:https://www.cnblogs.com/angel648/p/10926854.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!