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.最后,點擊二維碼圖標,拿出手機掃一掃開始真機測試。