欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > 浅析VSCode中Open with live server

浅析VSCode中Open with live server

2025/3/28 8:38:10 来源:https://blog.csdn.net/2302_80777118/article/details/146480999  浏览:    关键词:浅析VSCode中Open with live server

一、使用方式

在html文件中右键,选择“open with live server”

VSCode界面示意图

二、原理和功能

1.打开的是哪个浏览器

打开的浏览器是电脑的默认浏览器,默认浏览器可以在浏览器的“设置”中自行设置

2.原理

在主机的5500端口开一台内置的小服务器,并且将当前VSCode打开的文件夹中的所有文件作为这台服务器的根资源进行使用

VSCode右下角显示的端口号
在浏览器中打开的文件地址栏显示

127.0.0.1表示本主机,冒号后面写主机号

查看当前服务器端口

 3.报错

打开html文件之后,会发现浏览器报错:找不到favicon.ico,这说明根目录下没有图标文件,只需要在根目录下放一个名为favicon.ico的文件表示浏览器图标即可

报错示意图
浏览器图标
设置好的图标示意图
将该文件放在根目录下示意图

 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词