程序員的日常就是碼代碼，因此大部分工作時間都是與應用的編輯器打交道，那么選擇編輯器就很重要。一個完善的代碼編輯器可以讓我們的代碼變得更美觀整潔，增強它的可讀性，讓程序員的工作進程高效率高質量，還能延長代碼的生命周期。
小編匯集了時下比較熱門好用的四款前端代碼編輯器，希望可以幫助你尋找到滿意的代碼編輯器。
一.Webstorm使用教程
WebStorm 是一款非常強大的 HTML5、JavaScript 前端開發(fā)工具，被廣大 JS 開發(fā)者譽為“最強大的HTML5編輯器”、“Web前端開發(fā)神器”。WebStorm 是 jetbrains 公司旗下的一款 JavaScript 開發(fā)工具，在 webstorm8 全新特性中包括對 AngularJS 的支持，能準確高效地智能感知道 Angular 語法、指令，而且還支持 Spy-js、Meteor，集成 PhoneGap、Cordova 等移動開發(fā)框架功能，幫助開發(fā)人員在處理大型項目時更有效地編寫代碼。小編一直在用，非常值得推薦。
- WebStorm 幫助開發(fā)人員在處理大型項目時更有效地編寫代碼
- 提供了用于調試、測試和跟蹤客戶端和 Node.js 應用程序的內置工具
- 集成了用于 web 開發(fā)的流行命令行工具
- 內置的 Spy-js 工具允許跟蹤 JavaScript 代碼
- 為許多流行的版本控制系統(tǒng)提供了統(tǒng)一的UI
- 可定制，可以完美地組合各種編碼風格
- 為客戶端代碼和 Node.js 應用程序提供了內置調試器
二.Visual Studio Code 使用教程
Visual Studio Code，簡稱 VS Code，它是目前使用人數(shù)最多的編輯器。盡管它由微軟發(fā)布于2015年，與其他熱門編輯器相比顯得有些年輕，但它在過去幾年中一直在不停的更新，它在最新的 Stack Overflow 調查中被選為 Web 開發(fā)人員中最受歡迎的文本編輯器。
VS Code 不僅僅是一個基本的代碼編輯器。有人說它更像是 IDE 而不是代碼編輯器，因為它提供了許多通常只在 IDE 中才有的功能。主要功能包括內置調試工具，智能代碼提示，集成終端以及對簡易的 Git 操作（微軟剛收購了 GitHub）。作為初學者，您可以利用這些功能大大提高編程效率。
可定制性是 VS Code 另一個讓程序員喜愛的功能。它支持數(shù)千個插件和主題，您可以安裝這些插件和主題以進一步增強其功能。
三.Sublime Text 使用教程
Sublime Text 是程序員 Jon Skinner 在2008年1月所開發(fā)出來，也是程序員用得比較火的一款代碼編輯器，支持多種布局和代碼縮略圖，文件縮略圖滑動條，語法高亮、語法提示等。不僅具有華麗的界面，還支持插件擴展機制，用它來寫代碼，絕對是一種享受。此外，它允許多重選擇和分割編輯，軟件包可以通過命令面板安裝與 Sublime Text 自己的軟件包管理器。
Sublime Text 已經(jīng)發(fā)布了第三個主要版本(Sublime Text 3)，它是 web 開發(fā)人員社區(qū)中非常流行的源代碼編輯器。有免費試用，但是不免費。若要繼續(xù)使用，必須購買80美元的許可證。當然，如果不這樣做，Sublime 文本不會鎖定您，只是偶爾顯示一個彈出警告，要求您購買許可證。
這款體積輕巧迅速啟動的編輯器是 Coding 和 Writing 最佳的選擇，沒有之一。
四、Atom使用教程
Atom 是一個由 GitHub 打造的免費開源代碼編輯器。一開始，這是 GitHub 的內部源代碼編輯器，但幾年后(2014年)他們決定公開發(fā)布。由于 Atom 為程序員提供了許多高級特性，它已迅速成為最流行的代碼編輯器之一?；?electron 開發(fā)，CoffeeScript 實現(xiàn)的作為跨平臺編輯軟件。安裝十分方便，并且有著各種流行編輯器都有的特性，支持各種語言代碼高亮。豐富的插件和主題，用JavaScript 開發(fā)插件和 CSS 編寫主題
它的 UI 設計得非常好，可以將接口分割成不同的窗格，以便輕松地比較不同的文件。它有許多重要的特性，可以極大地改進開發(fā)工作流，比如內置的包管理器、智能自動完成功能、文件系統(tǒng)瀏覽、易于使用的查找-替換特性等等。
Atom 還附帶數(shù)以千計的開源包和主題，其中許多是由第三方開發(fā)人員創(chuàng)建的。例如，由核心團隊創(chuàng)建的最新軟件包 Teletype，為需要可靠工具進行結對編程或社交編碼的開發(fā)人員提供了實時協(xié)作的可能。
