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所示。

上述列舉的開發工具，其中的圖片均來自各個開發工具的官網，大家可以對每個工具都進行嘗試，根據自己的喜好選擇合適的開發工具。