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 安裝方法我以前已經分享過：《Sublime text 2/3 中 Package Control 的安裝與使用方法》

 

 

Emmet (GitHub)

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

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

 

Theme – Soda (GitHub)

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

安裝後你還須要在你的配置文件（菜單 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. "codeintel_enabled_languages":
2. [
3. "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"
4. ],
5. "codeintel_live_enabled_languages":
6. [
7. "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"
8. ]

 

Alignment (GitHub)

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

 

Bracket​Highlighter (GitHub)

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

 

Git (GitHub)

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

1. [
2. {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},
3. {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}
4. ]

 

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中兩個不一樣文件的差別。你能夠比較的對象能夠是從剪貼板中複製的數據，或工程中的文件，當前打開的文件等。

 

Sublime Text 3配置php語法錯誤提示插件PHPCS （windows7環境）

第一步：下載php code sniffer插件安裝包  地址 https://github.com/benmatselby/sublime-phpcs;

解壓安裝包獲得sublime-phpcs-master，把sublime-phpcs-master文件夾放到sublime安裝目錄下的Data/Packages/目錄下；重啓sublime, 打開Sublime Text 3->Preferences->Package Settings -> Php Code Sniffer 證實插件安裝成功；

第二步：下載php-cs-fixer.phar 地址 http://cs.sensiolabs.org/get/php-cs-fixer.phar   ;

第三步：把php-cs-fixer.phar 放到你的 php.exe 安裝目錄 （例如(mine is C:/WAMP/php/php.exe)）;

第四步：下載 http://download.pear.php.net/package/PHP_CodeSniffer-1.5.0RC4.tgz，解壓，而後找到scripts目錄下的phpcs.bat，放到php.exe 安裝目錄;

php code sniffer安裝包，在子文件example-settings下有個文件

windows-7-phpcs-fixer-linter.example 就是Sublime Text 3 在windows7配置 PHPCS 的樣例，還有一個nix-all-commands.example是在linux/unix環境下的配置樣例

 

第六步：如下就是windows-7-phpcs-fixer-linter.example的配置內容，打開你的Sublime Text 3->Preferences->Package Settings -> Php Code Sniffer -> Settings - User ，複製 windows-7-phpcs-fixer-linter.example 的內容到配置文件phpcs.sublime-settings，而後修改對應的php.exe路徑

設置都改爲你本地環境下的php安裝路徑，保存，重啓Sublime Text 3

{
    // Example for:
    // - Windows 8.1
    // - With phpcs and php-cs-fixer support
    // - You have to change "YOUR_USERNAME_HERE" strings.
    // - Notice: This uses phpcs which is installed
    // -         using composer not xampp.
    // -         Be sure to install phpcs using composer.

    // We want debugging on
    "show_debug": true,

    // Only execute the plugin for php files
    "extensions_to_execute": ["php"],

    // Do not execute for twig files
    "extensions_to_blacklist": ["twig.php"],

    // Execute the sniffer on file save
    "phpcs_execute_on_save": true,

    // Show the error list after save.
    "phpcs_show_errors_on_save": true,

    // Show the errors in the gutter
    "phpcs_show_gutter_marks": true,

    // Show outline for errors
    "phpcs_outline_for_errors": true,

    // Show the errors in the status bar
    "phpcs_show_errors_in_status": true,

    // Show the errors in the quick panel so you can then goto line
    "phpcs_show_quick_panel": true,

    // Path to php on windows installation
    // This is needed as we cannot run phars on windows, so we run it through php
    "phpcs_php_prefix_path": "D:\\xampp\\php\\php.exe",

    // We want the fixer to be run through the php application
    "phpcs_commands_to_php_prefix": ["Fixer"],


    // PHP_CodeSniffer settings
    // Yes, run the phpcs command
    "phpcs_sniffer_run": true,

    // And execute it on save
    "phpcs_command_on_save": true,

    // This is the path to the bat file when we installed PHP_CodeSniffer
    //"phpcs_executable_path": "C:\\Users\\YOUR_USERNAME_HERE\\AppData\\Roaming\\Composer\\vendor\\bin\\phpcs.bat",
    "phpcs_executable_path": "D:\\xampp\\php\\phpcs.bat",

    // I want to run the PSR2 standard, and ignore warnings
    "phpcs_additional_args": {
        "--standard": "PSR2",
        "-n": ""
    },


    // PHP-CS-Fixer settings
    // Don't want to auto fix issue with php-cs-fixer
    "php_cs_fixer_on_save": false,

    // Show the quick panel
    "php_cs_fixer_show_quick_panel": true,

    // The fixer phar file is stored here:
    //"php_cs_fixer_executable_path": "C:\\Users\\YOUR_USERNAME_HERE\\AppData\\Roaming\\Composer\\vendor\\bin\\php-cs-fixer.bat",
    "php_cs_fixer_executable_path": "D:\\xampp\\php\\php-cs-fixer.phar",

    // Additional arguments, run all levels of fixing
    "php_cs_fixer_additional_args": {
    },


    // PHP Linter settings
    // Yes, lets lint the files
    "phpcs_linter_run": true,

    // And execute that on each file when saved (php only as per extensions_to_execute)
    "phpcs_linter_command_on_save": true,

    // Path to php
    "phpcs_php_path": "D:\\xampp\\php\\php.exe",

    // This is the regex format of the errors
    "phpcs_linter_regex": "(?P<message>.*) on line (?P<line>\\d+)",


    // PHP Mess Detector settings
    // Not turning on the mess detector here
    "phpmd_run": false,
    "phpmd_command_on_save": false,
    "phpmd_executable_path": "",
    "phpmd_additional_args": {}
}