小鄭搞碼事是關(guān)注前端開(kāi)發(fā)技術(shù)的，對(duì)前端開(kāi)發(fā)有一些經(jīng)驗(yàn)，下面我就自己使用過(guò)的代碼編輯器來(lái)作一個(gè)回答。

隨著前端項(xiàng)目變的越來(lái)越大，前端工程的開(kāi)發(fā)也變的越來(lái)越復(fù)雜。所以，你使用什么樣的編輯器直接決定你的開(kāi)發(fā)效率是什么樣的。

那么，什么是高效的代碼編輯器呢？我認(rèn)為好的高效的編輯器應(yīng)該具備幾下幾個(gè)能力。

1. 代碼格式化（Format能力）-避免我們花費(fèi)時(shí)間去調(diào)整不規(guī)范的的格式。
2. 代碼模板能力-避免我們手動(dòng)輸入重復(fù)代碼或注釋而花費(fèi)大量的時(shí)間。
3. 自動(dòng)檢測(cè)錯(cuò)誤能力-無(wú)需多說(shuō)了。
4. 編輯快捷鍵能力-快捷鍵越全越好。
5. 自動(dòng)Debug能力-有當(dāng)然再好不過(guò)。
6. Git或Svn版本控制插件能力-這個(gè)功能功能開(kāi)發(fā)可以根據(jù)需求自行選擇，關(guān)于Git或者Svn相關(guān)工具請(qǐng)參考我寫(xiě)的一篇https://www.toutiao.com/i6545927114883858958/。

很多情況下編輯器其實(shí)無(wú)法滿足上面所有功能，那就要根據(jù)我們自己的核心需求進(jìn)行選擇了。接下來(lái)，為了在項(xiàng)目開(kāi)發(fā)過(guò)程中避免不必要的時(shí)間消耗。給大家推薦幾款比較好的代碼編輯器，同時(shí)做一個(gè)簡(jiǎn)單的對(duì)比。

一、sublime

這個(gè)下載后需要破解，網(wǎng)上破解的方法有很多，最新版可以使用注冊(cè)碼，老的版本也可以使用一些破解工具（如：WinHexGreen）。它的優(yōu)勢(shì)：較輕量級(jí)，插件齊全的開(kāi)發(fā)工具，擴(kuò)展插件工具覆蓋非常全面。它的不足：沒(méi)有自帶debug和斷點(diǎn)功能。

二、webstorm

下載地址：http://www.jetbrains.com/webstorm/

它的優(yōu)勢(shì)：集成較全面的開(kāi)發(fā)工具，也可以選擇擴(kuò)展，可使用命令行或者斷點(diǎn)。它的不足：相對(duì)較重量級(jí)。

三、vscode

下載地址：https://code.visualstudio.com/它的優(yōu)勢(shì)：較輕量級(jí)，關(guān)聯(lián)斷點(diǎn)調(diào)試非常方便，也可以擴(kuò)展。它的不足：相對(duì)完整性稍弱。

四、vim

它的優(yōu)勢(shì)：Linux下可選的高效工具。它的不足：入門(mén)相對(duì)難，沒(méi)有較多前端對(duì)應(yīng)的高效輔助插件。總結(jié)一下：

建議在寫(xiě)代碼之前，一定要根據(jù)上面這些標(biāo)準(zhǔn)去完善一下工具，好的開(kāi)發(fā)工具不僅可以提高我們的開(kāi)發(fā)速度，還能輔助我們寫(xiě)出高質(zhì)量的代碼。

詳細(xì)可以參考我寫(xiě)的一篇文章：https://www.toutiao.com/i6547417014405693956/