在不同的應用場景
需要使用不同的代碼編輯器
就像使用瀏覽器一樣
希望童鞋們在學習過程中
在合適的場景下選擇合適的前端開發工具
1、SublimeText3
這是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件。不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。這款體積輕巧迅速啓動的編輯器是Coding和Writing最佳的選擇，沒有之一。
2、webstorm
WebStorm是jetbrains公司旗下一款JavaScript開發工具。被廣大中國JS開發者譽爲“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScriptIDE”等。
WebStorm全新特性中包括對AngularJS的支持，能夠高效準確地智能感知Angular語法、指令。WebStorm還完美支持Spyjs，合併了這款JavaScript調試利器，大大提高了開發者們的工作效率。
WebStorm最大的特點是支持一系列最新的技術，新增支持Meteor，集成PhoneGap、Cordova等移動開發框架功能，
3、ATOM
ATOM是由GitHub打造，基於electron開發，CoffeeScript實現的作爲跨平臺編輯軟件。安裝十分方便，並且有着各種流行編輯器都有的特性，支持各種語言代碼高亮。豐富的插件和主題，用JavaScript開發插件和CSS編寫主題……這些讓前端攻城獅可以獨立高度定製的feel還是很爽的！
4、Brackets
AdobeBrackets是一個開源的基於HTML/CSS/JavaScript開發，運行在nativeshell上的集成開發環境。優勢是不但可以實時預覽；還可以快速編輯，在HTML可以編輯CSS和JS代碼。同樣，也支持各種代碼提示、代碼塊摺疊、主題等豐富的插件。官方還提供了簡體中文語言包，快去官網下載體驗吧！
5、Hbuilder
HBuilder有句口號：爲極客、爲懶人、爲你。作爲國產IDE，HBuilder基於eclipse，可以輕鬆生成hybrid應用。並且具有代碼輸入法的創新、代碼塊的優化、emmet的集成、快捷鍵語法設計、無鼠標操作等便捷應用。
6、VS Code
這是一款來自微軟的編輯器，被稱作“披着編輯器外衣的IDE”。作爲一個免費、輕量、跨平臺的編輯器。
VSCode的目標是成爲你在任何開發平臺上的一站式代碼編輯器。具有海量語言支持、並排編輯、連續不斷的智能感應等優勢特性。讓我們一起期待它成爲唯一的全類型開發必備代碼編輯器。
7、Komodo Edit
KomodoEdit 是一個開源的跨平臺編輯器,它支持Windows、Linux和Mac。它通常跟Komodo集成開發環境一起發佈,也可以單獨使用。
KomodoEdit 支持JavaScript, Ruby, Tcl, PHP, Perl等流行的編程語言。KomodoEdit具有語法高亮、語法檢查、Vi模擬、自動完成等功能。
8、Notepad ++
Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。
它的功能比Windows中的Notepad(記事本)強大，除了可以用來製作一般的純文字說明文件，也十分適合當作編寫電腦程序的編輯器。Notepad++不僅有語法高亮度顯示，也有語法摺疊功能，並且支持宏以及擴充基本功能的外掛模組。
9、BBEdit
BBEditMac (HTML和文本編輯器)是一款運行在MacOS平臺上的文本編輯器,是領先的專業的HTML和文本編輯器。特別適合Web開發和軟件開發人員的需求。
這家屢獲殊榮的產品提供了大量的功能進行編輯,搜索和文本操作的bbeditfor mac 中的文字轉換具有較高的性能。BBEdit功能包括文本處理、Web開發、編程、文件處理、顯示、搜索、UNIX&管理，並支持MacOS X。
10、TextMate
TextMate是Mac下的著名的文本編輯器軟件，與BBedit一起並稱蘋果機上的emacs和vim。尤其適合程序員使用，可以定製許多貼心使用的功能。
包括能夠在項目中查找和替換；爲分析文本之類的常見操作自動縮進；自動配對括號及其他字符；類似CSS的選擇符，可準確確定操作和設置的範圍等，爲攻城獅的前端開發提供了極大便利。
11、vim
Vim是高級文本編輯器，旨在提供實際的Unix編輯器‘Vi’功能，支持更多更完善的特性集。
Vim不需要花費太多的學習時間，一旦你需要一個無縫的編程體驗，那麼就會把Vim集成到你的工作流中。
12、Emacs
GNUEmacs 是可擴展，自定義的文本編輯器，甚至是更多的功能。Emacs的核心是EmacsLisp 解析器，但是支持文本編輯。如果你已經使用過Vim，可以嘗試一下Emacs。
列舉了這麼多前端開發編輯器，如果要說哪個比較好，其實無解，比如說插件、擴展、bundle，大部分都有，Windows獨佔的Notepad++也有。說特色功能嘛，各自都有。說性能嘛，也各有千秋。
所以，停止對比，按以下步驟去挑適合自己的：
1.去看官網的介紹、功能列表、視頻，直到碰到自己感興趣的亮點，下載回來，安裝，基本都有試用期，夠玩了；
2.把玩一下自己感興趣的亮點；
3.對亮點還算滿意的話，去學會怎麼調教它；
4.嘗試用來做我們日常的編輯工作，堅持，直到忍受不了或到期爲止；
5.如果適應了，就繼續用這款編輯器吧~
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（網頁製作，網站開發，web開發，從0基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】全棧工程師學習路線以及規劃都有整理，分享給小夥伴）點：學習前端，我們是認真的
