2.1　代码编辑工具

做开发少不了要和很多代码打交道，选择一款得心应手的代码编辑器尤为重要。这里我们重点是要做Web开发，下面推荐两款常用的代码编辑工具。

2.1.1　万能的Notepad++

Notepad++是一款强大的文件编辑工具，支持对所有格式的网页文件的编辑，包括.html、.css、.js、.php和.sql文件。在学习初期，建议手动输入所有代码，这样既有助于强化记忆新学的语法，也有助于提高自己的打字水平。Notepad++界面如图2.1所示。

图2.1

它的下载很简单，只需要在百度搜索Notepad++就可以找到想要的软件，简单几分钟即可安装成功。

2.1.2　极速开发者的利器：HBuilderX

HBuilderX（简称HB）是一款开源的Web开发IDE，它支持网站、App和小程序等各类Web应用的开发。主要用于快速开发时期，因为它具有代码提示功能，意味着当你忘记如何拼写某个关键词时，它会替你自动补全，比如HTML的标记只需要写出开始的一半，结束的一半标记HB会自动为你补齐。所以，拥有它，可以极大地提高代码输入的速度。

接下来看看如何下载并安装HB吧！

（1）下载地址，自行去官网http://www.dcloud.io/，下载最新版的HBuiderX（极客开发工具），并安装到本地计算机上。

（2）打开HBuilderX开发工具，文件→新建→项目，新建一个默认名称为test的项目，路径可自行选择，效果如图2.2所示。

图2.2

（3）这里以新建一个html文档为例，编辑窗口如图2.3所示。

图2.3

为什么要准备两款代码编辑器？

虽然两款编辑器中的任何一款都足以担当开发的重任，但是两者还是有一些各自的优势和不足。其中，Notepad++是初期学习Web开发的“神器”，它不仅体积轻巧、安装方便、界面简洁使其备受开发人员青睐。从使用时间来看，初学代码时，为了加深对代码的理解和熟悉程度，Notepad++是不二之选。而到了中后期，需要写大量代码时，建议使用HBuilderX，它的代码提示功能和自动补齐功能可以帮你节省大量敲代码的时间，从而提高开发效率。除此之外，还有一对常用的工具你也可以自行尝试：Sublime Text和Visual Studio Code。

简言之，Notepad++更适合于初学阶段，HBuilderX则更适合于中后期开发阶段。