操作步驟:
1.vscode安裝插件:Live Server
2.修改vscode live server插件的配置:文件--首選項(xiàng)--設(shè)置
3.添加配置支持移動(dòng)端實(shí)時(shí)查看靜態(tài)或者動(dòng)態(tài)網(wǎng)頁(yè)
“l(fā)iveServer.settings.useLocalIp”:true,
“l(fā)iveServer.settings.host”: “l(fā)ocalhost”
修改配置后炼蹦,記得重啟vscode讓配置生效。
完成只磷,此時(shí)修改html文件后即可實(shí)時(shí)在手機(jī)上看到效果简软。
PS
以上操作原理為:創(chuàng)建本機(jī)局域網(wǎng)
使用live server插件方式,在html文件右擊選擇Open With Live Server即可: