Vscode實現手機預覽


1、安裝擴展插件 Live Server
2、設置vscode服務器的端口號;
 
      2.1:cmd >>> ipconfig 查詢自己電腦的ip地址;

 

2.2:在vscode中點擊【文件】=【首選項】=【設置】,搜索關鍵字【liveserver】,找到liveServer.settings.port 是設置端口
{
"editor.suggest.filterGraceful": false,
"liveServer.settings.host": "xx.x.xx.xxx", // 主機地址,即ip
"liveServer.settings.port": "8080", // 端口號
"liveServer.settings.proxy": "xxxx" // 代理(沒有不用配)
}
4、用vscode打開要調試的項目,並點擊工具右下角的 Go Live ,會自動打開項目;
 
5、保證電腦和手機連接同一個wifi,復制瀏覽器打開的項目地址,發送到手機端,點擊即可預覽;

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM