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

相关推荐
Jason-nb7 小时前
vscode + latex workshop + sumatraPDF
ide·vscode·编辑器·latex
KL_lililli12 小时前
PyCharm 使用指南:从安装到高效开发
ide·python·pycharm
日记成书12 小时前
【HTML 基础教程】HTML 编辑器
编辑器·html
muzidigbig14 小时前
vscode将文件中行尾默认CRLF改为LF
vscode·eslint报错
dujunqiu17 小时前
VSCODE上ckg_server_linux进程占用CPU过多
linux·ide·vscode
AaronZZH18 小时前
【基础】Windows 中通过 VSCode 使用 GCC 编译调试 C++
c++·windows·vscode
Mr数据杨18 小时前
Jupyter Notebook中解决matplotlib绘图中文乱码的实用方案
ide·jupyter·matplotlib
Zfox_19 小时前
Visual Studio Code 无法打开源文件解决方法
ide·vscode·编辑器
MoonBit月兔20 小时前
双周报Vol.68: Bytes模式匹配增强、函数别名上线、IDE体验优化...核心技术迎来多项更新升级!
ide