1. 程式人生 > 其它 >vscode中open in browser和open with live server的區別

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是埠號)在這裡訪問的是動態直播頁面,也就是在寫程式碼時,只需要在工作區進行儲存,瀏覽器端的頁面就會同時進行更新顯示效果