1.2.1　準備開發工具

HTML文檔本身也是一種文本，我們可以使用任何文本編輯器進行HTML文檔的編寫，只需使用.html文本后綴名即可。但是使用一個強大的HTML編輯器可以極大地提高編寫效率，例如很多HTML編輯器都會提供代碼提示、標簽高亮、標簽自動閉合等功能，這些功能都可以幫助我們在開發中十分快速地編寫代碼，并且可以減少因為筆誤所產生的錯誤。

Visual Studio Code（VSCode）是一款非常強大的編輯器，其除了提供語法檢查、格式整理、代碼高亮等基礎編程常用的功能外，還支持對代碼進行調試和運行以及版本管理。通過安裝擴展，VSCode幾乎可以支持目前所有流行的編程語言。本書示例代碼的編寫也將采用VSCode編輯器完成。你可以在官方網站（https://code.visualstudio.com）下載新的VSCode編輯器。

目前，VSCode支持的操作系統有macOS、Windows和Linux，在網站中下載適合自己操作系統的VSCode版本進行安裝即可，如圖1-1所示。

下載安裝VSCode軟件后，我們可以嘗試使用其創建一個簡單的HTML文檔，新建一個名為test.html的文件，在其中編寫如下測試代碼：

相信在輸入代碼的過程中，你已經能夠體驗到使用VSCode編程帶來的暢快體驗，并且在編輯器中關鍵詞的高亮顯示和自動縮進也使代碼結構看上去更加直觀，如圖1-2所示。

在VSCode中將代碼編寫完成后，我們可以直接對其進行運行。對于HTML源文件的運行，VSCode會自動將其以瀏覽器的方式打開，選擇VSCode工具欄中的Run→Run Without Debugging選項，如圖1-3所示。

之后會彈出環境選擇菜單，我們可以選擇一款瀏覽器進行預覽，如圖1-4所示。建議安裝Google Chrome瀏覽器，其有很多強大的插件可以幫助我們進行Web程序的調試。

預覽效果如圖1-5所示。