2.1　开发工具

“工欲善其事，必先利其器。”选择一款（或多款）适合自己的编辑器或IDE（集成开发环境），能够极大地提高学习和开发效率。

2.1.1　Sublime Text

Sublime Text是一个轻量且强大的跨平台文本编辑器，启动和打开文件的速度很快，并且拥有丰富的插件，借助这些插件可以把Sublime Text打造成一款强大的开发工具。

Sublime Text的主要功能包括：拼写检查、书签、完整的Python API和Goto功能，以及即时项目切换、多选择、多窗口等。

Sublime Text在支持语法高亮、代码补全、代码片段、代码折叠、行号显示、自定义皮肤、配色方案等所有其他代码编辑器所拥有的功能的同时，又保证了其飞快运行的速度，还有着其自身独特的功能，例如代码地图、多种界面布局以及全屏免打扰模式等。

Sublime Text的官方网站为http://www.sublimetext.com，软件界面如图2-1所示。

2.1.2　Visual Studio Code

Visual Studio Code简称vscode，是微软公司出品的一款轻量且跨平台的开源文本编辑器，内置对JavaScript、TypeScript和Node.js的支持，拥有丰富的插件生态。

Visual Studio Code旨在为所有开发者提供一款专注于代码本身的免费的编辑器。Visual Studio Code的定位还是编辑器，而且还是一个全功能的编辑器，通过编辑器反推微软的SDK、.NET（开源，跨平台）等产品铺路。它虽然是Visual Studio家族的一员，但它与传统VS IDE的功能没有太多交集。

vscode支持智能感知、内建调试工具、Git源码控制集成。智能感知提供了程序之间调用跳转的功能，vscode先为代码创建概要，找到所有引用，最后跳转到相应定义。调试工具包含常见的断点、单步调试、变量检查等功能。vscode的架构设计非常出色，你无须修改应用就可以增加额外的语言支持（据微软公司介绍，软件最终确定后会将这个功能提供给终端用户）。这意味着，目前版本仅提供ASP.NET开发的支持，但这一限制将在正式版中解除。

提供Git支持也是vscode的一大亮点，如果要使用这个功能，需要在本地安装一份Git的副本。这样做的优点是只需配置一个Git实例，安装vscode后再单独安装Git只会耽误几分钟的时间。当然，如果你的系统已经安装了Git，那么安装vscode后你就可以直接使用相关功能了。

vscode的官方网站为https://code.visualstudio.com，vscode的软件界面如图2-2所示。

2.1.3　WebStorm

WebStorm是一款强大的、跨平台的、由JetBrains公司推出的商业JavaScript开发工具。其功能强大的前端专用IDE，拥有即时编辑（Chrome）、自动完成、debugger、Zen Coding、HTML5支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性，在我国更是被广大前端工作人员誉为“Web前端开发神器”，推荐前端工程师使用。

WebStorm的官方网站为https://www.jetbrains.com/webstorm/，WebStorm的软件界面如图2-3所示。

2.1.4　Atom

Atom是GitHub公司推出的一款跨平台开源文本编辑器，启动和打开文件的速度略低于Sublime Text，插件数量也略少，但其对vim的支持比较好，拥有酷炫、简洁且实用的界面。

Atom的官方网站为：http://www.atom.io，Atom的软件界面如图2-4所示。

上述列举的开发工具，其中的图片均来自各个开发工具的官网，大家可以对每个工具都进行尝试，根据自己的喜好选择合适的开发工具。