1.2.3 安裝集成開發環境

HTML5文檔是純文本文件，大多數文本編輯器都可以編輯HTML5文檔。但使用專用的集成開發環境可以提高開發HTML5程序的效率。

集成開發環境通常具有語法高亮、代碼補全、標簽配對、代碼塊折疊等功能。HTML5開發不僅僅涉及網頁設計，隨著各種前端技術的發展，前端包括的業務邏輯越來越多，這些業務邏輯主要由JavaScript實現。

Adobe的Dreamweaver是一款Web頁面設計工具和集成開發環境。JetBrains的WebStorm是專門為Web開發設計的集成開發環境，對于JavaScript有專門的支持。微軟公司的開源且免費的Visual Studio Code（以下簡稱VS Code）是一個通用的、具有豐富擴展插件的源代碼編輯器，在HTML5開發中很常用。下面分別介紹上述3種集成開發環境的安裝與配置。

Dreamweaver是收費軟件，其安裝包可以在Adobe的官方網站下載，可以在免費試用后決定是否付費購買。Dreamweaver集網頁設計、網站管理和程序開發于一體，是流行的網頁開發工具，但收費較高。

WebStorm也是價格不菲的收費軟件，提供30天試用期限。它功能強大，不僅對HTML5、CSS3，以及JavaScript支持良好，還集成了非常易用的Git版本控制功能。對于高校師生，JetBrains旗下包括WebStorm在內的多種工具通過認證后都可以免費使用。

要安裝WebStorm，可以直接到JetBrains的官方網站下載安裝包安裝，也可以下載JetBrains提供的Tool box小工具，通過它安裝JetBrains的多種工具。

VS Code是本書推薦使用的集成開發環境。它是開源軟件，而且可以免費使用；擁有豐富的擴展插件，功能完備；運行速度快，占用資源少；直接到官方網站下載其安裝包，安裝后即可使用。