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

相关推荐
影魅周影2 小时前
解决mac端pycharm执行allure命令报错:returned non-zero exit status 127
ide·macos·pycharm
ivy159868377155 小时前
JM20329是一款高性能、低功耗的USB桥接芯片,实现串行接口(如SATA、IDE)与USB接口之间的数据转换。
c语言·开发语言·ide·嵌入式硬件·eureka·音视频·视频编解码
abiao19815 小时前
如何在 VSCode 中创建 Vue 项目
ide·vue.js·vscode
应用市场6 小时前
ARM编译器深度解析:从Keil到VSCode的STM32开发之
arm开发·vscode·stm32
WYS@不忘初心10 小时前
在Eclipse IDE for Embedded C/C++ Developers软件中定义的宏,编译C源文件时编译器无法找到宏定义!
java·ide·eclipse
未来之窗软件服务11 小时前
自建开发工具IDE(五)数据库预览——东方仙盟炼气期
数据库·ide·仙盟创梦ide·东方仙盟
初遇你时动了情12 小时前
flutter vscode 终端无法使用fvm 版本切换、项目运行
ide·vscode·flutter
xxxxxue13 小时前
VS Code 隐藏顶部标题栏中间的文字
vscode·隐藏·标题栏
Aldrich_3220 小时前
蓝桥杯嵌入式赛道—-软件篇(GPIO输出模式配置)
c语言·vscode·stm32·单片机·嵌入式硬件·蓝桥杯
清空mega1 天前
Android Studio移动应用基础教程(前言)
android·ide·android studio