操作步驟:
1.vscode安裝插件:Live Server

image.png
2.修改vscode live server插件的配置:文件--首選項--設(shè)置

image.png
3.添加配置支持移動端實時查看靜態(tài)或者動態(tài)網(wǎng)頁
“l(fā)iveServer.settings.useLocalIp”:true,
“l(fā)iveServer.settings.host”: “l(fā)ocalhost”
修改配置后,記得重啟vscode讓配置生效。
完成,此時修改html文件后即可實時在手機上看到效果。
PS
以上操作原理為:創(chuàng)建本機局域網(wǎng)
使用live server插件方式,在html文件右擊選擇Open With Live Server即可:

image.png