一、使用方式
在html文件中右键,选择"open with live server"
VSCode界面示意图
二、原理和功能
1.打开的是哪个浏览器
打开的浏览器是电脑的默认浏览器,默认浏览器可以在浏览器的"设置"中自行设置
2.原理
在主机的5500端口开一台内置的小服务器,并且将当前VSCode打开的文件夹中的所有文件作为这台服务器的根资源进行使用
VSCode右下角显示的端口号
在浏览器中打开的文件地址栏显示
127.0.0.1表示本主机,冒号后面写主机号
查看当前服务器端口
3.报错
打开html文件之后,会发现浏览器报错:找不到favicon.ico,这说明根目录下没有图标文件,只需要在根目录下放一个名为favicon.ico的文件表示浏览器图标即可
报错示意图
浏览器图标
设置好的图标示意图
将该文件放在根目录下示意图