1. Visual Studio Code

Visual Studio Code 是微軟推出的一個原始碼編輯器。它在Windows、macOS和Linux上都能使用。可以通過它用各種編碼語言來編寫和編輯程式碼。

在 Visual Studio Code 中，可以在下方介面中安裝所需要的外掛：

 1.1 如何在 Visual Studio Code 執行 HTML 的程式碼？

• 使用終端

　　點選螢幕上方的終端，然後點選新建終端。終端是在 Visual Studio Code 中執行HTML檔案而不使用擴充套件的唯一方法，但同時它也是最複雜的方法。

　　鍵入 cd 後接HTML檔案的路徑，然後按↵Enter，

　　這樣會在一個單獨的視窗中啟動HTML檔案，以便你預覽HTML檔案。

•  使用 HTML Preview 擴充套件

　　點選“擴充套件”按鈕，這是左側選單欄中類似4個方塊的圖示。這樣將顯示擴充套件的搜尋選單：

　　在搜尋欄中鍵入HTML Preview，點選安裝。HTML Preview 是 Visual Studio Code 的一個擴充套件，讓你能在 Visual Studio Code 中使用分屏或全屏模式來預覽HTML檔案。

 　　開啟或建立一個新的HTML檔案，點選螢幕上方包含你的HTML檔案的選項卡來進行檢視。

　　點選分屏預覽按鈕，這是一個類似於分屏的圖示，左邊有一個放大鏡，它位於螢幕的右上角，這樣就會在Visual Studio Code中以分屏方式開啟HTML檔案的預覽。

•  使用 Open in Browser 擴充套件

　 　搜尋 open in browser 並下載，Open in browser 是Visual Studio Code的一個擴充套件，能在Visual Studio Code中使用所選擇的網路瀏覽器來開啟HTML檔案。

　　 在HTML程式碼中右鍵點選任意位置，點選 Open In Default Browser，在預設瀏覽器中開啟。