Visual Code 預覽 HTML

Howard Wang
May 25 · 3 min read

首先要先下載 visual code

之後打開terminal

最常用到的是cd 還有 ls 指令,cd 指令為 要前往哪個資料夾或是路徑,ls為現在路徑中有哪些檔案以及資料夾,再打檔案或是資料夾名稱時,可以按tab會自動補完剩下的字

之後cd 到你想放置資料的地方,最簡單的是 cd Desktop到桌面,

這邊提供幾個常用的:

(1) cd Desktop (在一開始呼叫terminal的時候可以使用這個指令到桌面,你要到任何路徑都可以使用cd)

(2)cd ../ (回到上一層,可能你在很多層的資料夾裡面想退回去上一層可以用../,可以使用../../../等退回上很多層)

再來使用 mkdir 創造一個資料夾 , 你可以叫做任何名字,這邊用 test做示範

之後 cd test 進到test資料夾之後,使用 git clone , 這是可以下載放在git 或是 github上面的專案,這邊以panda的網頁為示範,

按下綠色按鈕,複製網址,回到terminal,打下 git clone https://github.com/panda850819 (網址)

執行後,打開你的visual code,選取左邊第五個正方形那個,然後打這Html Preview關鍵字,點選 install.

通常每個不同的套件都有不同的快捷鍵,這邊這個是cmd+l

那我們在開啟我們剛剛clone下來的資料夾

選擇index.html,按下cmd+l就可以預覽喔

    Howard Wang

    Written by

    study in NTUST(Civil Engineering IT Team) main for blockchain and AI