JavaScript 開發(fā)者必備的10款 SublimeText 插件
Sublime Text 是一款幾乎所有開發(fā)者都必備的非常強(qiáng)大的軟件。它是跨平臺(tái)的、高度可定制化的、非常先進(jìn)的文本編輯器，***的彌補(bǔ)了全功能的 IDE（出了名的消耗資源）與命令行編輯器如VIM、Emacs（有陡峭的學(xué)習(xí)曲線）的不足。
使得 Sublime 如此強(qiáng)大的原因之一是它的可擴(kuò)展插件架構(gòu)，這使得開發(fā)人員可以非常容易的擴(kuò)展 Sublime 的核心功能，如代碼補(bǔ)全、或遠(yuǎn)程接口文檔的嵌入。Sublime Text 自身不帶有插件管理功能，它們通常是通過一個(gè)稱作 Package Control的第三方工具來管理。給 Sublime Text 安裝 Package Control ，請(qǐng)按照它們的網(wǎng)站上的安裝指南。
這篇文章中，我們將為你介紹10款 JavaScript 開發(fā)者必備的 Sublime Text 插件，每一個(gè)都可以改善你的工作流程，提升工作效率?，F(xiàn)在就讓我們開始吧。
1. Bable
列表***個(gè)當(dāng)然應(yīng)該是 Bable。它為你的 ES6/2015 和 React JSX 代碼添加語法高亮功能。插件安裝后的***件事就是把它設(shè)置為 .es6, .jsx 甚至 .js 文件的默認(rèn)語法。然而你需要注意的是***一個(gè)如果你使用的是 ES3/5 的話，請(qǐng)不要使用 Bable 語法。
如果你還沒有發(fā)現(xiàn)使用 Bable 的樂趣的話，我強(qiáng)烈建議你使用它。它可以把 ES6/2015 和 JSX 代碼編譯成 ES5。它與所有流行的架構(gòu)工具與CLI 都整合的很好。它不支持舊版本的瀏覽器，如果你使用 IE10 以下的瀏覽器，請(qǐng)遵循它們的警告頁面提示。
不幸的是，它不支持在 Sublime 中動(dòng)態(tài)的編譯 ES6，如果你有這個(gè)需要的話，我建議你看看 Compile Selected ES6。
2. JSHint
JSHint 是一個(gè) JavsScript Linter。它可以檢測(cè)代碼的樣式、語法以及是否是常見的相關(guān)錯(cuò)誤。無論你是新手還是老手，JSHint 都是必備的。查看 JSHint 關(guān)于頁面獲取更多信息。
為了使 JSHint 能夠運(yùn)行，你需要通過 npm 全局安裝 JSHint：
npm install -g jshint
一旦 JSHint npm 模塊和 Sublime Text 插件安裝完成，你就可以通過打開 JavaScript 文件并按 Ctrl+J （Alt+J 在Linux/Windows上）來調(diào)用 JSHint。
3. jsFormat
jsFormat 是基于 JS Beautifier 的，可以自動(dòng)的幫你格式化 JavaScript 和 JSON。即使是你僅僅用它來格式化JSON也是值得的。對(duì)我來說***的好處就是可以查看別的開發(fā)者代碼或者是自己很久之前寫的。
你可以通過 Preferences -> Package Settings -> JsFormat -> Settings - User 來設(shè)置你想要的代碼格式。
4. DocBlockr
為你的代碼添加注釋通常是件非常痛苦的事情。我不知道多少人會(huì)享受這個(gè)過程，但它卻是必須的。DocBlockr 通過把注釋變得簡(jiǎn)單來減少這個(gè)痛苦。安裝完 DocBlockr 之后，你需要做的只是在新的一行輸入 /* 或者 /** ，它會(huì)為你完成剩下的。
DocBlockr 還支持很多其他語言：CoffeeScript, TypeScript, PHP, ActionScript, Haxe, Java, Apex, Groovy, Objective C, C, C++, and Rust。
Sublime Text 自帶的邊欄文件操作選項(xiàng)非常的少。SideBarEnhancements 彌補(bǔ)了此缺點(diǎn)。值得注意的是，它為文件和文件夾還提供了“move to trash”、“open with..”甚至還有剪切板選項(xiàng)。
6. AngularJS
它是有 Angular-UI 團(tuán)隊(duì)開發(fā)的，可能是列表中比較偏大（但是是必須的）插件，它的功能包括：
-
AngularJS 核心指令的代碼補(bǔ)全功能
-
自定義指令的指令完成
-
directives, controllers and filters的快速搜索
-
Angular相關(guān)的代碼片段
-
GoToDocs for core AngularJS directives
7. TypeScript
由微軟支持，該插件為 TypeScript 項(xiàng)目添加了代碼補(bǔ)全、語法高亮、代碼格式化以及擴(kuò)展的導(dǎo)航功能。它還配備了一個(gè)構(gòu)建系統(tǒng)，允許你把 TypeScript 編譯到 JavaScript。
可以用 Tools -> Build System 進(jìn)入Bulid系統(tǒng)，然后打開一個(gè) .ts 結(jié)尾的文件，然后選擇 Tools -> Build 或者直接按 Ctrl+B ，它會(huì)讓你輸入?yún)?shù)，直接就會(huì)在同一個(gè)目錄輸入JavaScript文件。唯一的條件是需要 Node 支持。
8. Handlebars
如果你使用 Ember.js 或者僅僅把 Handlebars 作為模版語言，這款插件都是必備的。如果沒有它，你***把語法高亮關(guān)閉。
除了語法高亮，它還提供了各種表達(dá)式的標(biāo)簽觸發(fā)器。例如輸入 x-temp 然后按 TAB會(huì)生成：
<script type="text/x-handlebars" data-template-name=""></script>
另外，如果輸入 ifel 然后按 TAB 怎生成：
{{#if }}
{{else}}
{{/if}}>
非常的順手，對(duì)嗎？
該項(xiàng)目的主頁上有所有的代碼片段列表。
Better CoffeeScript 是原 CoffeeScript-Sublime-Plugin 的 Fork，不幸的是原插件似乎已經(jīng)被作者廢棄，并且只支持Sublime Text 2。
該插件為使用 CoffeeScript 的開發(fā)者提供很多必要的代碼高亮，并且不至于此。它給 Sublime 增加了一些命令，如檢測(cè)語法的能力、編譯文件、顯示編譯的JavaScript等。
你可以在該項(xiàng)目的主頁細(xì)讀它的各項(xiàng)設(shè)置與選項(xiàng)。
10. jQuery
我知道現(xiàn)在jQuery在很多地方都失寵了，但它依然是非常有用的，如果你不建立一個(gè)完全互動(dòng)的網(wǎng)站，或者你只是想在一個(gè)現(xiàn)有的應(yīng)用程序中添加功能。
例如輸入 $.a 然后選擇 $.ajax 就會(huì)生成下面的內(nèi)容：
$.ajax({
url: '/path/to/file',
type: 'default GET (Other values: POST)',
dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
data: {param1: 'value1'},
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
非常棒~
總結(jié)
這就是為你準(zhǔn)備的JavaScript 開發(fā)者必備的10款 Sublime Text 插件。我強(qiáng)烈建議你嘗試其中的一兩個(gè)，然后在評(píng)論中告訴我使用體驗(yàn)。或者說我沒有列出某個(gè)你最喜歡的，也請(qǐng)?jiān)谠u(píng)論中給出，我可以考慮把它添加到列表中。
***，請(qǐng)記住 Sublime Text 并不是免費(fèi)的，它只是提供了一個(gè)***期的試用版。單個(gè)許可證的價(jià)格是 $70 。如果你每天都在使用文本編輯器的話，這將是一個(gè)值得的投資。
來源：Coder資源網(wǎng) 原文：http://www.sitepoint.com/essential-sublime-text-javascript-plugins/ 作者： Sublime Text
譯文：http://info.9iphp.com/essential-sublime-text-javascript-plugins/ 譯者： Specs
