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

相关推荐
纪伊路上盛名在15 小时前
windows 配置vscode x11转发
ide·vscode·编辑器
comedate18 小时前
Cursor 和 GitHub Copilot 怎么选?2026 年 AI 编程助手对比
ide·ai编程·cursor·github copilot
2501_9151063221 小时前
KXApp 的 VS Code 真机调试:按下 Cmd+R 之后发生了什么
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
hkj880821 小时前
VsCode的使用
ide·vscode·编辑器
广东帝工1 天前
智慧航道:技术体系
编辑器
夏虫不可与之言冰2 天前
第三课 点亮 LED 与定时器非阻塞闪烁
c语言·c++·vscode·单片机·嵌入式硬件·物联网
丑大王2 天前
ultralytics 环境安装与正确使用Vscode
ide·yolo·编辑器
golang学习记2 天前
Python vs Go:2026年到底该怎么选
java·vscode·python·golang·pycharm·goland
小云小白2 天前
用 VSCode + Claude Code 搭一套专利编写 AI 辅助环境
vscode·ai写作·专利
coderSong25682 天前
【Ubuntu】ctrl+shift+f 繁体中文切换、VScode全集搜索
linux·vscode·ubuntu