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