浅析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的文件表示浏览器图标即可
报错示意图 浏览器图标 设置好的图标示意图 将该文件放在根目录下示意图

相关推荐
怦怦蓝4 小时前
IDEA 开发邮件发送功能:全流程报错解决方案汇总
java·ide·intellij-idea·发邮件
唐装鼠4 小时前
linux vscode解压版 AI账号无法登陆问题(浏览器无法打开vscode)
linux·运维·vscode
stevenzqzq5 小时前
Android Studio Logcat 基础认知
android·ide·android studio·日志
山峰哥5 小时前
数据库工程与SQL调优实战:从原理到案例的深度解析
java·数据库·sql·oracle·性能优化·编辑器
朝花不迟暮5 小时前
使用Android Studio生成apk,卡在Running Gradle task ‘assembleDebug...解决方法
android·ide·android studio
gravity_w6 小时前
vscode配置SSH远程服务器
服务器·经验分享·vscode·ssh
hui函数6 小时前
如何解决 PyCharm 控制台 pip install 报错 OSError: [Errno 18] Cross-device link 问题
ide·pycharm·pip
阴暗扭曲实习生6 小时前
135编辑器字符效果:上标数字与特殊字体实现步骤
编辑器
Java猿_6 小时前
开发 Java 项目,选哪个 IDE?Eclipse、MyEclipse 与 IntelliJ IDEA 深度对比
java·ide·eclipse
Eason_Lou17 小时前
webstorm开发vue项目快捷跳转到vue文件
ide·vue.js·webstorm