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