然而,找到一個好的插件卻可能成為一項挑戰,有的插件已經被他們的開發者所放棄,另外一些可能會不相容sublime text的最新版本sublime text 3(撰寫本文時)。
如果你是一個前端開發人員,我們在這篇文章已經為你精心挑選了一些擴充,并彙總在一起供你使用。共有10款
前端開發人員應該嘗試的sublime text包。
1. aligntab
aligntab是調整你的代碼的插件。它有一個“預覽模式”,你可以在它實際應用前,看到對齊是如何應用的(在給定正規表達式符号)。它也有“table模式”,使你能夠為通過管道符:|
設定的markdown表格來設定合适的對齊方式。aligntab是一個友善的擴充,它整理代碼對齊,讓它更容易閱讀。
2. colorhighlighter
colorhighlighter是一個顯示選中顔色代碼的視覺顔色的插件。如果您選擇“#
fff“,它将向您展示白色。colorhighlighter支援所有css顔色格式,如hex,rgb,hsl,hsv,同時包括顔色關鍵詞,如“red”“green”,等等。它還為你顯示包含顔色值的less,sass,和stylus變量。它是一個幫助您更直覺處理顔色的插件。
3. multieditutils
multieditutils插件增強了sublimetext内置的“multi-cursor”和“multi-selection”功能,在編輯冗長的代碼行時為我們節省了時間。例如:您可以在選擇的行之間合并或交換,它還增強了sublimetext的“split
selection”,允許您指定符号來分離標明的行。我認為這是專業碼農必須安裝的一個插件。
4. git gutter
如果你正在使用git, git gutter是一個推薦安裝的sublime
text插件。gitgutter将在gutter區域顯示一個标記,标記任何你在代碼中做的編輯,添加或删除。這是一個有用的功能,可以即時看到你的代碼版本和你的commit,branch或head
repository的比較。
5. modific
modific
在你使用git或svn時很有用。就像gitgutter,modific将對你的代碼标記改變。除了高亮變化,您還可以通過按ctrl + alt +
d來檢視或比較目前的代碼與最近送出的代碼之間的差別。你還可以用modific做其他事情,包括預覽目前行的送出代碼和恢複代碼修改。
6. inc dec value
inc dec value 允許你同時增加或減少數字,即使他們在不同的行。除了數字之外,您還可以更改日期的值,和十六進制顔色。使用這個插件,一般直接将光标放在數字的右邊,然後按alt +↑增加或alt +↓減少。你也可以使用滑鼠滾輪。
7. filebrowser
filebrowser 提供了一種在你的項目目錄中浏覽檔案和檔案夾的新方式。當你安裝這個插件,你可以在新的側邊欄通路到您的項目目錄,并在你的手不離開鍵盤的情況下進行導航(很像一個專業碼農)。當你熟悉它後,這個插件可以逐漸提高你的工作效率。
8. iconfont
iconfont為許多流行的圖示字型提供了snippet(代碼片段),比如 fontawesome,paymentfonttypicons
和 github octicons。它的工作原理類似于正常的html代碼段,每個圖示的縮寫将擴充成完整的class和html代碼。
9. distractionfreewindow
雖然sublime的内置“free
distraction”功能讓你專注錄入的代碼或内容,當你在這種模式下,迷你地圖,側邊欄,所有其他頁籤是隐藏的。distraction-free并不意味着失去這些功能。distractionfreewindow
正是為了解決這類問題而出現的,對于“無打擾模式”應該如何工作,它為你提供了更靈活的選擇。
10. filterlines
filterlines 允許您使用給定的“關鍵字元串”或“正規表達式符号”在你的文檔内搜尋。這是一個處理大量json,javascript數組,cvs格式的原始資料的友善特性。
來源:51cto