vscode中open in browser和open with live server的区别

原文链接1：https://blog.csdn.net/weixin_44275756/article/details/118680928

第一部分:相对路径符号

1、./是当前目录

2、../是父级目录

3、/是根目录

• open with live serve，是打开本地服务器，所以路径书写的时候./和/是没有区别的
• open in default brower 是直接本地打开，路径必须是./，否则即/会从根目录下进行读取

第二部分:区别

open in browser：url显示的是电脑存储的默认路径，访问的是项目保存的电脑地址,会存在图片加载不出来问题。同时访问的页面是静态页面，也就是，在写代码的同时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果，在开发时较麻烦。

open with live server：url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面图片不显示的问题。（5500是端口号）在这里访问的是动态直播页面，也就是在写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果