VS Code真机测试步骤


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.最后,点击二维码图标,拿出手机扫一扫开始真机测试。


免责声明!

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



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