Sublime Text 3 支持的熱門插件推薦

Sublime Text 3 支持的熱門插件推薦

SublimeText是一款非常精巧的文本編輯器,適合編寫代碼、做筆記、寫文章。它用戶界面十分整潔,功能非同凡響,性能快得出奇。這些非常棒的特性 包括任意跳轉(Goto Anything)、多重選擇(multiple selections)、指令面板(command palette)、免打擾模式(distraction free mode)、分區編輯(split editing)、快速項目切換(instant project switch),你還可以隨意地自定義更多功能。還有,這款編輯器支持Mac、Windows和Linux平臺。

SublimeText本身已經非常強大,但是更棒的是有一長串的插件支持它,給它帶來更強大的功能。本文將介紹一些 Sublime Text 3 支持的熱門插件(Sublime Text 2 的一些插件在 Sublime Text 3 上不支持)。

 

Package Control (GitHub)
提到 Sublime Text,就不得不說 Package Control,就像 Linux 下的 apt-get 和 yum 一樣,它是 Sublime Text 的包管理器,你用它可以輕鬆地找到你想要的插件和管理已有插件。

Package-Control

Package Control 安裝方法我之前已經分享過:《Sublime text 2/3 中 Package Control 的安裝與使用方法

 

Emmet (GitHub)

Emmet 是一個前端開發的利器,其前身是 Zen Coding。它讓編寫 HTML 代碼變得簡單。Emmet 的基本用法是:輸入簡寫形式,然後按 Tab 鍵。

關於 Emmet 的更多用法,請看官方文檔,這份速查表可以幫你快速記憶簡寫形式。

 

Theme – Soda (GitHub)

Soda Theme 是最受歡迎的 Sublime Text 主題。

Soda-Dark

Soda-Light

安裝後你還需要在你的配置文件(菜單 Preferences -> Settings - User)中加入"theme": "Soda Light.sublime-theme" 或 "theme": "Soda Dark.sublime-theme"。要達到圖中的效果,你還需要下載與之搭配的 color scheme

如果你喜歡 Soda Dark 和 Monokai,我建議你使用 Monokai Extended (GitHub)。這個 color scheme 是 Monokai Soda 的增強,如果再配合 Markdown Extended (GitHub),將大大改善 Markdown 的語法高亮。

Monokai-Extended Markdown-Extended

 

SublimeLinter (GitHub)

注意:此插件需要手動安裝並切換到 sublime-text-3 分支。

SublimeLinter 是一個代碼校驗插件,它可以幫你找出錯誤或編寫不規範的代碼,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。

在使用 SublimeLinter 之前,你要安裝相應的程序,詳見README。如果要校驗 JavaScript 或 CSS,你還要安裝Node.js

SublimeLinter

SublimeLinter 默認以 background 模式運行,在用戶輸入的同時即時校驗,如果你想要 Sublime Text 運行得更流暢,可以改爲 load-save 模式或 save-only 模式,在讀取和保存是校驗或只在保存時校驗。

打開 SublimeLinter 的配置文件:菜單 Preferences -> Package Settings -> SublimeLinter -> Settings - User,加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

 

SideBarEnhancements (GitHub)

SideBarEnhancements 是一款很實用的右鍵菜單增強插件,有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、複製文件路徑、在側邊欄中定位該文件等功能,也有基礎的諸如新建文件/目錄,編輯,打開/運行,顯示,在選擇中/上級目錄/項目中查找,剪切,複製,粘貼,重命名,刪除,刷新等常見功能。

SideBarEnhancements 還有一個功能就是自定義打開文件的程序,在側邊欄中右鍵點擊一個文件(夾),選擇 Open With -> Edit Applications 就可以修改關聯了,配置文件自帶示例,可以很方便地套用。

SideBarEnhancements-OpenWith

 

SublimeCodeIntel (GitHub)

SublimeCodeIntel 是一個代碼提示、補全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言,是 Sublime Text 自帶代碼提示功能的很好擴展。它還有一個功能就是跳轉到變量、函數定義的地方,十分方便。

使用 SublimeCodeIntel 之前你需要安裝相應程序並把路徑寫入 ~/.codeintel/config 或project_root/.codeintel/config 中,ReadMe 中有詳細的 說明,不再贅述。

SublimeCodeIntel

十分不建議把 SublimeCodeIntel 與其他單個語言的擴展 package 一同使用,雖然很多語言擴展 package 比 SublimeCodeIntel 的代碼提示功能要完善。如果需要一同使用,請在用戶配置文件(菜單Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中加入下面的內容,並去掉要禁用的語言。

"codeintel_enabled_languages": [ "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP" ], "codeintel_live_enabled_languages": [ "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP" ]

 

Alignment (GitHub)

Alignment 是一個代碼格式化插件,它可以使多行代碼中的等號對齊,也可以調整多行代碼爲一個縮進級別,默認快捷鍵是 ctrl+alt+a(Mac OS 上是 cmd+ctrl+a)。

 

BracketHighlighter (GitHub)

BracketHighlighter 是一個括號、引號、標籤高亮插件,支持 []、()、{}、""、'' 和 <tag></tag> 等,比 Sublime Text 自帶的高亮要明顯得多。

 

Git (GitHub)

Git 插件集成了 git 的常用功能,使用之前需要安裝 git 並寫入環境變量中。

Git

 

gbk4subl (GitHub)

Sublime Text 一個遺憾是不支持中文 GBK 編碼,在編輯一些 GBK 編碼的文件時就會出現亂碼,還好 Sublime Text 2 有很多可以支持 GBK 編碼的插件,可惜大多在 Sublime Text 3下都不能工作,在 github 找了下,還好還有 gbk4subl 這款能讓 Sublime Text 3支持 GBK 編碼的插件。

 

Sublime Tradsim (GitHub)

Tradsim 是一款能把中文的繁字體和簡體字互相轉換的插件,只支持 UTF-8 編碼,雖然覺得有點雞肋,但還是介紹出來給需要的朋友吧,安裝插件,因爲插件包裏沒快捷鍵文件,所以我們可以自定義一個,可以新建一個名字和後綴爲 Default (Windows).sublime-keymap 的文件,添加以下代碼,即可設置“轉換爲簡體字”和“轉換爲繁字體 ”的快捷鍵了。注意:轉換是文件裏全局的中文。

[ {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"}, {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}]

 

ColorPicker (GitHub)

在編輯CSS樣式的時候,要加個自己喜歡顏色或改改顏色啥的,要到PS裏去調色?ColorPicker 可以讓 Sublime Text 3內置一個調色盤,調好顏色,點擊OK就會在光標處生成十六進制顏色代碼。

ColorPicker

 

SASS Build (GitHub)

SASS Build 是一個編寫CSS的預處理器。這個特別的插件將幫助你妥善構建包括壓縮選項在內的SASS文件。一旦你安裝了這個插件,你可以很容易地通過按 Ctrl+ B(MAC系統是 Command +B)來啓動它。

 

PackageResourceViewer (GitHub)

通過這個特殊的插件,會給你查看和編輯SublimeText附帶的不同的包帶來很多方便。您也可以提取任何給定的包。這一行動將其複製到用戶文件夾,以便您可以安全地對其進行編輯。

PackageResourceViewer

 

CSSComb (GitHub)

這是用來給CSS屬性進行排序的格式化插件。如果你想保持的代碼乾淨整潔,並且希望按一定的順序排列(是不是有點強迫症了?),那麼這個插件是一種有效解決的方案。特別是當你和其他有自己代碼編寫風格的開發者一同協作的時候。

CSSComb

 

MarkDown Editing (GitHub)

SublimeText 不僅僅是能夠查看和編輯 Markdown 文件,但它會視它們爲格式很糟糕的純文本。這個插件通過適當的顏色高亮和其它功能來更好地完成這些任務。

MarkDown_Editing

 

FileDiffs (GitHub)

這個插件允許你看到SublimeText中兩個不同文件的差異。你可以比較的對象可以是從剪貼板中複製的數據,或工程中的文件,當前打開的文件等。

FileDiffs


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章