Sublime Text 是最強(qiáng)大的代碼編輯器之一，它擁有一些非常棒的功能，而且還可以安裝 插件 或 軟件包 來變得更加強(qiáng)大。這些插件為 Sublime Text 添加了額外的功能。如今網(wǎng)上有許多相關(guān)插件，可以滿足你幾乎所有的編碼需求。

不過想要找到一個好用的擴(kuò)展可能才是 真正的挑戰(zhàn)。一些擴(kuò)展已被其開發(fā)人員完全放棄，還有一些擴(kuò)展可能不再兼容最新版本的 Sublime Text 3。

如果你是前端開發(fā)人員，我們在這篇文章中為你精選了一些擴(kuò)展并打包送上。下面就是前端開發(fā)人員應(yīng)該嘗試的 10 個 Sublime Text 包。

[[325331]]

1. AlignTab

AlignTab 是用來對齊代碼的插件。它有一個“預(yù)覽模式”，使你可以在實際應(yīng)用對齊之前預(yù)覽對齊的效果(使用 RegEx 注解)。它還有一個“表格模式”，可讓你 為 Markdown 格式的表格設(shè)置適當(dāng)?shù)膶R，用|符號為表格調(diào)整好結(jié)構(gòu)。AlignTab 是一個方便的擴(kuò)展，可以幫助你整理代碼對齊，并使代碼更容易閱讀。

https://github.com/randy3k/AlignTab](https://github.com/randy3k/AlignTab

2. ColorHighlight

ColorHighlight 是一個插件，可 顯示選定的顏色代碼及其視覺顏色。如果你選擇了“#fff”，它將顯示白色。ColorHighlighter 支持所有 CSS 顏色格式，如 Hex、RGB、HSL 和 HSV 等，并包括“red”“green”等顏色關(guān)鍵字。它還向你顯示包含顏色值的 LESS、Sass 和 Stylus 變量。這個插件可以幫助你更直觀地處理顏色。

https://github.com/Kronuz/ColorHighlight

3. MultiEditUtils

MultiEditUtils 插件改進(jìn)了 Sublime Text 內(nèi)置的“多光標(biāo)”和“多選”功能，從而節(jié)約了編輯冗長代碼行所需的時間。比如說你可以在選定的行之間合并或交換，它還允許你指定用于拆分選定行的符號，這是對 Sublime Text 的“拆分選擇”做出的改進(jìn)。我認(rèn)為這是高手必備的插件。

https://github.com/philippotto/Sublime-MultiEditUtils

4. Git Gutter

如果你正在使用 Git，建議你安裝 Git Gutter 這個 Sublime Text 插件。針對 你在代碼中所做的任何編輯、添加或刪除，GitGutter 都會在 gutter area 中 顯示一個標(biāo)志。這樣你就可以立即對比你的代碼版本與你的提交、分支或 HEAD 存儲庫上的版本。

https://github.com/jisaacks/GitGutter/

5. Modific

當(dāng)你在工作中使用 Git 或 SVN 時，Modific 這個插件會很有用。就像 Git Gutter 一樣，Modific 會標(biāo)記你在代碼中的更改。除了高亮顯示更改之外，你還可以按 Ctrl+Alt+D 來查看或?qū)Ρ犬?dāng)前代碼與最后一次提交之間的差異。Modific 可以執(zhí)行的其他操作包括 預(yù)覽當(dāng)前行的已提交代碼 以及 還原代碼修改。

https://github.com/gornostal/Modific

6. Inc Dec Value

IncDec Value 允許你同時增大或減小多個數(shù)字，即使它們位于不同的行上也可以操作。除了數(shù)字，你還可以更改日期和十六進(jìn)制顏色的值。使用這個插件時，請將光標(biāo)指向數(shù)字右側(cè)，然后按 Alt+↑增大數(shù)字或按 Alt+↓減小數(shù)字。你也可以使用鼠標(biāo)滾輪來操作。

https://github.com/rmaksim/Sublime-Text-2-Inc-Dec-Value

7. FileBrowser

FileBrowser 提供了一種在項目目錄中瀏覽文件和文件夾 的新方法。安裝這個插件后，你可以在新的側(cè)邊欄中訪問項目目錄，并可以完全使用按鍵在其中導(dǎo)航，雙手無需離開鍵盤。等你習(xí)慣了這個插件后，它就可以逐漸改善你的工作流程。

https://github.com/aziz/SublimeFileBrowser

8. IconFont

IconFont 為許多流行的圖標(biāo)字體提供了代碼段，例如 FontAwesome、PaymentFont，Typicons 和 GithubOcticons 等。它的工作方式與常規(guī)的 HTML 代碼段相似，每個圖標(biāo)的 縮寫將擴(kuò)展為完整的類和 HTML 代碼。

https://github.com/idleberg/Icon-Fonts-Sublime-Text

9. DistractionFreeWindow

雖然 Sublime Text 內(nèi)置的“無干擾(Free Distraction)”功能使你可以專注地編寫代碼或內(nèi)容，但是在這個模式下，小地圖、側(cè)邊欄和其他所有選項卡都會被隱藏起來。無干擾的體驗并不意味著就得失去對這些功能的訪問入口。這里就用得上 DistractionFreeWindow 這個插件了，它為你的無干擾模式提供了更多靈活選項：

https://github.com/aziz/DistractionFreeWindow

10. FilterLines

FilterLines 允許你在文檔的各行中搜索給定的“關(guān)鍵字字符串”或“RegEx 注解”。這在 處理 JSON、JavaScript 數(shù)組和 CVS 格式的大量原始數(shù)據(jù)時是很方便的功能。

https://github.com/davidpeckham/sublime-filterlines