浅析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 小时前
IDEA 定义返回值快捷键
java·ide·intellij-idea
weixin_660096787 小时前
如何关闭vscode中的copilot生成结束后的消息提醒
ide·vscode·copilot
玄同7658 小时前
Trae国际版与国内版深度测评:AI原生IDE的双生花
ide·人工智能·ai编程·cursor·ai-native·trae
Jackson@ML8 小时前
[Kimi重磅出击!]用Kimi Code智能高效开发Web应用程序指南
ide·python·kimi code
咕噜咕噜啦啦9 小时前
ROS入门
linux·vscode·python
切糕师学AI10 小时前
VSCode 下如何检查 Vue 项目中未使用的依赖?
vue.js·vscode
青椒*^_^*凤爪爪10 小时前
Vscode下调试STM32N6系列单片机的方法
vscode·单片机·stm32n6·stm32n647
白日梦想家68111 小时前
第三篇:Node.js 性能优化实战:提升服务并发与稳定性
linux·编辑器·vim
猿小猴子12 小时前
主流 AI IDE 之一的 OpenCode 介绍
ide·人工智能·ai·opencode
万法若空12 小时前
Vim常用指令汇编
汇编·编辑器·vim