1.4　Web前端開發工具

用于開發Web前端應用的工具有很多，如VS Code、WebStorm、Sublime Text、HBuilder、Dreamweaver等，如圖1-6所示，可以根據使用習慣進行選擇。

本書使用的開發工具是VS Code，它是一款免費開源的現代化輕量級代碼編輯器，使用方便快捷，功能強大，支持各種的文件格式，跨平臺支持Windows、macOS及Linux。接下來就介紹VS Code的安裝方法。

1．下載VS Code工具

VS Code官網網址為https://code.visualstudio.com/。

VS Code官方文檔網址為https://code.visualstudio.com/docs。

可以在VS Code官網首頁下載對應系統（支持Windows、Linux、macOS）的軟件，如圖1-7所示。

也可以打開下載頁面https://code.visualstudio.com/download下載想要的格式包，如圖1-8所示。

2．VS Code安裝

本書以Windows為例，找到已下載的VS Code安裝文件，雙擊“運行”，如圖1-9所示。

VS Code安裝很簡單，一直單擊“下一步”按鈕即可。

3．安裝漢化包

VS Code安裝漢化包很簡單，打開VS Code，單擊“安裝擴展”，在搜索框輸入Chinese，然后單擊Install按鈕，如圖1-10所示。

VS Code的擴展功能非常強大，我們可以找到開發所需的工具，當然也可以自己開發。

4．界面說明

以下是VS Code啟動后的界面，簡單說明如圖1-11所示。