sublime 插件

转载：   http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/

Package Control        安装包控制， 按下Control + `，输入  https://sublime.wbond.net/installation#st3 中的内容

Rails Latest Migration：  ctrl+shift+p 打开最后一个migration

Babel: 支持es6的js语法，开发react-native的时候用得着

JsFormat               提供JS格式化功能，快捷键 ctrl+alt+F

BracketHighlighter      括号配对插件

clipboard history     粘帖板历史，ctrl+alt+v触发

SCSS            支持scss文件高亮

SublimeLinter            实时检测语法是否有误，支持 JavaScript, css， Coffee，PHP, Ruby, Java 等各种语言，ctrl+alt+e可以手动检测是否错误，如果检测css和js需要安装node.js，然后使用node.js安装sudo npm install -g jshint，sudo npm install -g csslint，sublime中需要安装SublimeLinter-jshint和SublimeLinter-csslint，这两个插件可以理解为SublimeLinter的插件，安装后在SublimeLinter的用户配置文件中配置，然后重启sublime。(如果检测ruby语法可以安装 SublimeLinter-ruby)。配置在下方

git                     git插件，直接ctrl+shift+p 来执行命令

sublime ruby on rails snippets:    rails snippets，https://github.com/tadast/sublime-rails-snippets

vue snippets:     vue代码提示

Sublime CodeIntel      实时代码提示，不一样的是他可以直接提示函数，但是需要配置。编辑 ~/.codeintel/config，如果是配置ruby提示，那么如下：

{
  "JavaScript": {
    "javascriptExtraPaths": []
   },
   "Ruby": {
     "ruby": "/usr/bin/ruby",
     "rubyExtraPaths": []
    }
}


AlignTab:  自定义对齐，需要自己设置快捷键指定以什么符号对齐，快捷键代码如下

Alignment:   格式化代码，ctrl+alt+a

Keymap Manager：  快捷键管理， ctrl+alt+K

SideBarEnhancements:   丰富侧边栏右键操作

ColorPicker：  取色，ctrl+shift+c

All AutoComplete:  让代码自动完成从所有打开的文件里去匹配，而不是只在当前文件里匹配。

ChangeQuotes:   切换单引号和多引号，快捷键是 Command + Shift + .

BeautifyRuby:    Ruby 语法支持,ctrl+alt+k两次, ctrl+alt+j

FavoriteFiles：   收藏文件功能，保存一些常用的文件，方便快速打开编辑，快捷键是 Command + Shift + , 。

ZenCoding： 快速编写HTML/CSS代码， ctrl+alt+enter，已经不再更新
emmet: 快速编写HTML/CSS代码， ctrl+alt+enter， http://www.gbin1.com/technology/html/20130117-tips-for-emmet/

tag:   Tag自动排布格式插件)

ctags:  快速定位方法，选中方法，安装完后，先执行ctrl+t和ctrl+r才会生效,ctrl+shift+鼠标左键(ctrl+t,ctrl+t)，跳转至该方法，再按ctrl+shift+鼠标右键(ctrl+t,ctrl+b)会跳转回来。

sublime tab转换空格： 打开 首选项-》 设置用户 ，编辑

{
"translate_tabs_to_spaces": true,
        "tab_size": 2  
}

启用vim：

修改  首选项-配置用户， "ignored_packages": ["vim"]



个人配置：
{
"fade_fold_buttons": true,
"font_face": "monaco",
"font_size": 9,
"highlight_line": true,
        "save_on_focus_lost": true,
"ignored_packages":
[
"vim",
"SublimeCodeIntel"
],
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"caret_extra_top": 1,
"caret_extra_bottom": 1,
"caret_extra_width": 1
}


快捷键配置：


[
    { "keys": ["ctrl+e"], "command": "move_to", "args": {"to": "eol", "extend": false} },
    { "keys": ["super+alt+down"], "command": "goto_definition" },
    {
      "keys": ["control+alt+;"], "command": "align_tab",
      "args" : {
        "user_input" : ":/f"
      }
    },
    {
      "keys": ["control+alt+="], "command": "align_tab",
      "args" : {
        "user_input" : "=/f"
      }
    },
    {
      "keys": ["control+alt+."], "command": "align_tab",
      "args" : {
        "user_input" : "=>/f"
      }
    },
    {"keys": ["alt+shift+f"], "command": "reindent"}
]


SublimeLinter 配置：

{
    "user": {
        "debug": false,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "background",
        "linters": {
            "csslint": {
                "@disable": false,
                "args": [],
                "errors": "",
                "excludes": [],
                "ignore": "",
                "warnings": ""
            },
            "jshint": {
                "@disable": false,
                "args": [],
                "excludes": []
            },
            "ruby": {
                "@disable": false,
                "args": [],
                "excludes": []
            }
        },
        "mark_style": "outline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "python_paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "rc_search_limit": 3,
        "shell_timeout": 10,
        "show_errors_on_save": false,
        "show_marks_in_minimap": true,
        "syntax_map": {
            "html (django)": "html",
            "html (rails)": "html",
            "html 5": "html",
            "javascript (babel)": "javascript",
            "magicpython": "python",
            "php": "html",
            "python django": "python",
            "pythonimproved": "python",
            "scss": "css" // 支持scss文件中检测css格式
        },
        "warning_color": "DDB700",
        "wrap_find": true
    }
}




使用技巧：

全局搜索的时候我们需要过滤掉某些文件，例如log，此时可以在全局搜索的where中输入如下的命令，逗号隔开：  -*.js,-*.css,-*.css.erb,-*.json,-*.log,-*.cache


ubuntu下sublime默认字体空格宽度太窄，可以使用字体Inconsolata


ubuntu下sublime支持中文：   http://www.jianshu.com/p/bf05fb3a4709
如果最后依然不支持中文，输入命令 sudo find / -name sublime*，找到所有的sublime_text.desktop，依次修改，之前修改的肯定不是现在使用的图标

autofilename: 路径提示

react: react开发相关插件

react-native-snippets: react native 的代码片段,https://github.com/Shrugs/react-native-snippets

reactSnippets: react代码提示插件