VS Code真机测试步骤

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

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

VS Code真机测

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

VS Code真机测

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

VS Code真机测

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

VS Code真机测

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

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

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

相关文章: