一、vs code扩展搜“Live Serve”,安装即可

在这里插入图片描述

二、点击查看扩展,找到Live Server,点击【设置】按钮,选-【扩展设置】

在这里插入图片描述

三、配置自定义(浏览器、Host、Port)

1、配置默认浏览器打开

在这里插入图片描述

2、配置修改Host地址为localhost(默认127.0.0.1)

找到-【Host】项,将127.0.0.1改为loaclhost,保存即可,不影响可不改动。
在这里插入图片描述

3、配置固定端口号为8080(默认为5500)

找到Port项,点击-【在setting.json中编辑】
在这里插入图片描述
修改“liveServer.setting.port”的值为8080,保存即可。
在这里插入图片描述

三项常用的基本满足,看效果:
打开项目,进入文件,点击右下角-【Go Live】,项目就会自动打开浏览器进入项目了
在这里插入图片描述
看效果:
在这里插入图片描述

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐