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