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是本书推荐使用的集成开发环境。它是开源软件，而且可以免费使用；拥有丰富的扩展插件，功能完备；运行速度快，占用资源少；直接到官方网站下载其安装包，安装后即可使用。