浅析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 小时前
Gradle与Idea整合
java·ide·gradle·intellij-idea·gradle与idea整合
小可爱的大笨蛋7 小时前
十倍开发效率 - IDEA 插件之RestfulBox - API
java·ide·intellij-idea
看山即山.9 小时前
【Linux】Linux 操作系统 - 05 , 软件包管理器和 vim 编辑器的使用 !
linux·编辑器·vim
白鸽(二般)10 小时前
eclipse常用快捷键
java·ide·eclipse
Kusunoki_D10 小时前
在 Anaconda 上安装多版本 Python 解释器并在 PyCharm 中配置
ide·python·pycharm
bookish_2010_prj11 小时前
vscode使用技巧
ide·vscode·编辑器
leverge200911 小时前
android studio 运行java main报错
android·ide·android studio
jstart千语12 小时前
【版本控制】idea中使用git
java·ide·git·intellij-idea·intellij idea
程序员黄老师16 小时前
Pycharm 如何删除某个 Python Interpreter
ide·python·pycharm
汐汐咯16 小时前
vscode终端运行windows服务器的conda出错
服务器·ide·vscode