VS Code在瀏覽器預覽HTML頁面

admin發表於2019-06-05
瀏覽器HTML

通常與前端相關的編輯器都有一個將HTML程式碼在留言器中預覽的功能。

這是一個非常便利的功能，無需找到檔案的位置然後用瀏覽器開啟，直接在編輯器內開啟即可。

VS Code也具有類似的功能，右鍵點選對應的HTML頁面會出現如下類似截圖：

a:3:{s:3:\"pic\";s:43:\"portal/201906/05/121415eizbnbibiiaha7in.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

但是也有可能沒有對應的選項，那就是還沒有安裝對應的外掛。

安裝步驟，點選右側的擴充套件按鈕：

a:3:{s:3:\"pic\";s:43:\"portal/201906/05/121431heni8z3j38388yje.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然後在彈出介面的頂部輸入"view-in-browser"，可以出現需要的外掛，然後點選安裝即可。

這樣再右擊對應的頁面就會彈出對應的選項了，可以選擇自己順手瀏覽器進行預覽。

相關文章