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 的语法高亮。

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 默认以 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 就可以修改关联了，配置文件自带示例，可以很方便地套用。

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 与其他单个语言的扩展 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 并写入环境变量中。

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就会在光标处生成十六进制颜色代码。

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": {}
}

posted @ 2016-05-05 11:42 特里阅读(4042) 评论(0) 编辑收藏举报

刷新页面返回顶部

特里

Sublime Text 3 常用插件以及安装方法

Sublime Text 3配置php语法错误提示插件PHPCS （windows7环境）

公告