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，复制浏览器打开的项目地址，发送到手机端，点击即可预览；