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

時間  2019-12-07
標籤 sublime text 支持 熱門 插件 推薦 欄目 HTML 简体版
原文   原文鏈接

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

blogphp

SublimeText是一款很是精巧的文本編輯器，適合編寫代碼、作筆記、寫文章。它用戶界面十分整潔，功能非同凡響，性能快得出奇。css

這些很是棒的特性 包括任意跳轉（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 上不支持）。html

Package Control (GitHub)前端

提到 Sublime Text，就不得不說 Package Control，就像 Linux 下的 apt-get 和 yum 同樣，它是 Sublime Text 的包管理器，你用它能夠輕鬆地找到你想要的插件和管理已有插件。node

Package-Control安裝
從菜單 View - Show Console 或者按ctrl + ~ 快捷鍵，調出 console。將如下 Python 代碼粘貼進去並 enter 執行，不出意外即完成安裝。如下提供 ST3 和 ST2 的安裝代碼：git

Sublime Text 3：github

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Sublime Text 2：sublime-text

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

Emmet (GitHub)sass

Emmet 是一個前端開發的利器，其前身是 Zen Coding。它讓編寫 HTML 代碼變得簡單。安全

Emmet 的基本用法是：輸入簡寫形式，而後按 Tab 鍵。

好比按下i再按Tab鍵,就會出現下面的代碼:

  
  
  
  
  
    
   
   
   
   
   
  1. 
   
   
   
   
   
  2. 
   
   
   
   
   
  3. 
   
   
   
   
   
  4. 
   
   
   
   
   
  5. 
   
   
   
   
   
  6. 
   
   
   
   
   
  7. 
   
   
   
   
   
  8. 
   
   
   
   
   
  9. 
  
  
  
  
  
<html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body></body></html>

更復雜的好比按下ul#nav>li.item*4>a{item$}:

  
  
  
  
  
    
   
   
   
   
   
  1. 
   
   
   
   
   
  2. 
   
   
   
   
   
  3. 
   
   
   
   
   
  4. 
   
   
   
   
   
  5. 
   
   
   
   
   
  6. 
  
  
  
  
  
<ul id="nav"> <li class="item"><a href="">item1</a></li> <li class="item"><a href="">item2</a></li> <li class="item"><a href="">item3</a></li> <li class="item"><a href="">item4</a></li></ul>

(感受使用起來很是爽有木有啊~~~)

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

Theme – Soda (GitHub)

Soda Theme 是最受歡迎的 Sublime Text 主題。(話說題主我一直使用的Monokai Bright,緣由其實很簡單,以上的主題安裝了不知道哪裏去了,看着Monokai Bright還挺順眼的...)

安裝後你還須要在你的配置文件（菜單 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 的語法高亮。

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 默認以 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 就能夠修改關聯了，配置文件自帶示例，能夠很方便地套用。

Sublime​Code​Intel (GitHub)

Sublime​Code​Intel 是一個代碼提示、補全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python三、XML、Sass、XSLT、Django、HTML五、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言，是 Sublime Text 自帶代碼提示功能的很好擴展。它還有一個功能就是跳轉到變量、函數定義的地方，十分方便。
使用 Sublime​Code​Intel 以前你須要安裝相應程序並把路徑寫入 ~/.codeintel/config 或project_root/.codeintel/config 中，ReadMe 中有詳細的 說明，再也不贅述。

十分不建議把 Sublime​Code​Intel 與其餘單個語言的擴展 package 一同使用，雖然不少語言擴展 package 比 Sublime​Code​Intel 的代碼提示功能要完善。若是須要一同使用，請在用戶配置文件（菜單Preferences -> Package Settings -> Sublime​Code​Intel -> Settings - User 中加入下面的內容，並去掉要禁用的語言。

  
  
  
  
  
    
   
   
   
   
   
  1. 
   
   
   
   
   
  2. 
   
   
   
   
   
  3. 
   
   
   
   
   
  4. 
   
   
   
   
   
  5. 
   
   
   
   
   
  6. 
   
   
   
   
   
  7. 
   
   
   
   
   
  8. 
  
  
  
  
  
"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）。

Bracket​Highlighter (GitHub)

Bracket​Highlighter 是一個括號、引號、標籤高亮插件，支持 []、()、{}、""、'' 和 等，比 Sublime Text 自帶的高亮要明顯得多。

Git (GitHub)

Git 插件集成了 git 的經常使用功能，使用以前須要安裝 git 並寫入環境變量中。

關於git和github的使用方法,後續會更新一個我學習的心得,敬請期待。

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 的文件，添加如下代碼，便可設置「轉換爲簡體字」和「轉換爲繁字體 」的快捷鍵了。注意：轉換是文件裏全局的中文。

  
  
  
  
  
    
   
   
   
   
   
  1. 
   
   
   
   
   
  2. 
   
   
   
   
   
  3. 
   
   
   
   
   
  4. 
  
  
  
  
  
[ {"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就會在光標處生成十六進制顏色代碼。

SASS Build (GitHub)

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

PackageResourceViewer (GitHub)

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

CSSComb (GitHub)

這是用來給CSS屬性進行排序的格式化插件。若是你想保持的代碼乾淨整潔，而且但願按必定的順序排列（是否是有點強迫症了？），那麼這個插件是一種有效解決的方案。特別是當你和其餘有本身代碼編寫風格的開發者一同協做的時候。

MarkDown Editing (GitHub)

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

FileDiffs (GitHub)

這個插件容許你看到SublimeText中兩個不一樣文件的差別。你能夠比較的對象能夠是從剪貼板中複製的數據，或工程中的文件，當前打開的文件等。

jQuery Package for sublime Text

若是你離不開jQuery的話，這個必備~~~

Sublime Prefixr

Prefixr，CSS3 私有前綴自動補全插件，顯然也頗有用哇~~~

JS Format

一個JS代碼格式化插件。

GBK to UTF8

將文件編碼從GBK轉黃成UTF8，快捷鍵Ctrl+Shift+C

其餘語法支持
若是有一個 SublimeText 自己所帶語言包不包含的語言，它就沒法顯示適當的語法高亮。這些語言包括 LESS，Sass，SCSS，Styls 和 Jade（或其它）。若是您正在使用這些語言，你可能要安裝它們的語法插件。

LESS
Sass
SCSS
Styls
Jade

以後還有關於SublimeText3的快捷鍵心得,敬請期待。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程