Sublime Text幾乎是任何開發(fā)者在其工具箱的必備應(yīng)用程序。Sublime Text是一款跨平臺的，高度可定制的，高級的文本編輯器，既適合全功能的IDE（出了名的資源匱乏），又可匹配命令行編輯器，例如Vim和Emacs（具有陡峭的學(xué)習(xí)曲線）。

Sublime Text如此受歡迎的其中一個(gè)原因就是它的可擴(kuò)展插件架構(gòu)。這使得開發(fā)人員可以輕松使用新功能，例如代碼完成，或遠(yuǎn)程API文檔嵌入，來擴(kuò)展Sublime的核心功能。Sublime Text的插件并不是開箱即用的――通常需要通過一個(gè)叫Package Control的第三方軟件包管理器來安裝。要在Sublime Text中安裝Package Control，請遵照其網(wǎng)站上的安裝指南。

在這篇文章中，我將介紹10個(gè)JavaScript開發(fā)人員必備的Sublime插件，每一個(gè)都可以幫助你改進(jìn)工作流程，讓你更高效。下面，就讓我們開始吧！

1.Babel

第一個(gè)當(dāng)屬Babel插件。該插件添加了合適的語法高亮到ES6 / 2015和React JSX代碼。安裝插件后，你要做的第一件事就是設(shè)置默認(rèn)的語法為.es6，.jsx，以及甚至.js文件。但是，如果你工作于ES3 /5，并且不想使用Babel改變你的代碼的話，那么要慎用最后一個(gè)。

如果你還沒有發(fā)現(xiàn)Babel的樂趣，那么我強(qiáng)烈推薦它。它允許你編譯ES6 / 2015和JSX代碼到ES5。它可以很好地集成到所有流行的構(gòu)建工具和CLI。雖然它不支持舊版瀏覽器，但如果你需要支持IE10及以下版本，那么可以按照警告頁面上的提示去做。

可惜的是，Babel插件不允許在Sublime中快速編譯ES6代碼。所以如果你非要這么做，那么我建議你試試Compile Selected ES6。

2. JSHint

接下來是Sublime中的JSHint插件。JSHint是一個(gè)JavaScript Linter，可用于查看你的代碼并確認(rèn)它有正確的式樣，正確的語法，擺脫常見錯(cuò)誤。無論你是一個(gè)初學(xué)者，還是已經(jīng)編寫了好多年的程序，JSHint都是一個(gè)必備品。查看JSHint相關(guān)頁面以了解更多的信息。

要讓JSHint Sublime Text插件工作，你需要通過npm安裝好全局性的JSHint：

npm install -g jshint

如果你不知道如何做到這一點(diǎn)，那么請查看我們關(guān)于從Node Package管理器開始的教程。

一旦安裝好了JSHint npm模塊和JSHint Sublime Text插件，你就可以通過打開你的JavaScript文件并按下 Ctrl + J (或 Alt + J on Linux/Windows)，來調(diào)用JSHint?；蛘?，你還可以通過上下文菜單訪問JSHint。

如果你已經(jīng)安裝了這個(gè)插件，但想要在發(fā)生錯(cuò)誤的地方有一個(gè)更明確的警告，那么請使用JSHint Gutter?；蛘?，如果你想在安裝NPM包或該插件之前試用JSHint的話，JSHint.com也有一個(gè)很棒的在線互動(dòng)工具，你可以使用這個(gè)工具粘貼你的代碼查看即時(shí)反饋。

3. JsFormat

JsFormat基于JS Beautifier，可以自動(dòng)幫助你格式化JavaScript和JSON。如果你只單獨(dú)使用它的JSON格式，也是可以的。但對我來說，它的最大優(yōu)勢出現(xiàn)在當(dāng)我工作于其他開發(fā)人員的代碼，或我自己在很久以前寫的代碼的時(shí)候。

這樣的代碼往往是難以閱讀，但是遵循一種通用的代碼格式樣式是有幫助的。雖然格式化可能不適合每一個(gè)人，但確實(shí)可以通過引入一個(gè)共同的結(jié)構(gòu)來幫助開發(fā)人員讀懂代碼。Linter雖然關(guān)注到這一點(diǎn)，但不一定全面做到，并且不會(huì)自動(dòng)修復(fù)格式。代碼格式化節(jié)省了大量的時(shí)間，避免了大量令人頭痛的問題。

安裝好了之后，要使用JSFormat，先進(jìn)入JS文件，然后在Windows / Linux上按Ctrl + Alt + f ，或在Mac上按 Ctrl + ⌥ + f 。當(dāng)然也可以使用上下文菜單。

你也許會(huì)想：“要是我不喜歡它們設(shè)計(jì)JavaScript樣式的方式呢？”

別擔(dān)心！ JsFormat不但基于JS Beautifier設(shè)置，而且高度可配置。要調(diào)整適合于Sublime Text 3，請這樣做：Preferences -> Package Settings -> JsFormat -> Settings