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