Sublime Text 3 常用插件及安装

[sunnychuai]

请先安装 Package Control

• Color Highlighter
• Emmet
• GitGutter
• JavaScriptNext - ES6 Syntax
• Sass
• SublimeOnSaveBuild
• EditorConfig

常用的配置项 👇

[sunnychuai]

Preferences.sublime-settings

{
    "font_options":
    [
        "no_bold",
        "no_italic"
    ],
    "font_size": 18.0,
    "highlight_line": true,
    "http_proxy": "http://127.0.0.1:8787",
    "https_proxy": "http://127.0.0.1:8787",
    "ignored_packages":
    [
        "Vintage"
    ],
    "shell_exec_executable": "/bin/zsh",
    "shell_exec_output": "none",
    "show_full_path": true,
    "show_panel_on_build": false,
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
    "word_wrap": false
}

[sunnychuai]

ColorHighlighter.sublime-settings

{
    "ha_style": "filled"
}

[sunnychuai]

Default (Windows).sublime-keymap

[
    { "keys": ["ctrl+alt+up"], "command": "swap_line_up" },
    { "keys": ["ctrl+alt+down"], "command": "swap_line_down" },
    {
        "keys": [
            "alt+-"
        ], 
        "args": {
            "action": "remove_tag"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.remove_tag"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+up"
        ], 
        "args": {
            "action": "increment_number_by_1"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.increment_number_by_1"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+forward_slash"
        ], 
        "args": {
            "action": "toggle_comment"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "operand": "source.css, source.less, source.scss, source.postcss, text.xml, text.html - source", 
                "operator": "equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "match_all": true, 
                "key": "emmet_action_enabled.toggle_comment"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+."
        ], 
        "args": {
            "action": "select_next_item"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.select_next_item"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+e"
        ], 
        "command": "expand_as_you_type", 
        "context": [
            {
                "operand": false, 
                "operator": "equal", 
                "match_all": true, 
                "key": "setting.is_widget"
            }, 
            {
                "match_all": true, 
                "key": "emmet_action_enabled.expand_as_you_type"
            }
        ]
    }, 
    {
        "keys": [
            "alt+down"
        ], 
        "args": {
            "action": "decrement_number_by_01"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.decrement_number_by_01"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+'"
        ], 
        "args": {
            "action": "encode_decode_data_url"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.encode_decode_data_url"
            }
        ]
    }, 
    {
        "keys": [
            "alt+="
        ], 
        "args": {
            "action": "evaluate_math_expression"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.evaluate_math_expression"
            }
        ]
    }, 
    {
        "keys": [
            "alt+["
        ], 
        "args": {
            "action": "balance_inward"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.balance_inward"
            }
        ]
    }, 
    {
        "keys": [
            "alt+]"
        ], 
        "args": {
            "action": "balance_outward"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.balance_outward"
            }
        ]
    }, 
    {
        "keys": [
            "shift+ctrl+up"
        ], 
        "args": {
            "action": "increment_number_by_10"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.increment_number_by_10"
            }
        ]
    }, 
    {
        "keys": [
            "shift+ctrl+r"
        ], 
        "args": {
            "action": "reflect_css_value"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.reflect_css_value"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+alt+left"
        ], 
        "args": {
            "action": "prev_edit_point"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.prev_edit_point"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+,"
        ], 
        "args": {
            "action": "select_previous_item"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.select_previous_item"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+u"
        ], 
        "args": {
            "action": "update_image_size"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.update_image_size"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+alt+right"
        ], 
        "args": {
            "action": "next_edit_point"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.next_edit_point"
            }
        ]
    }, 
    {
        "keys": [
            "shift+ctrl+`"
        ], 
        "args": {
            "action": "split_join_tag"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.split_join_tag"
            }
        ]
    }, 
    {
        "keys": [
            "shift+ctrl+down"
        ], 
        "args": {
            "action": "decrement_number_by_10"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.decrement_number_by_10"
            }
        ]
    }, 
    {
        "keys": [
            "alt+w"
        ], 
        "command": "wrap_as_you_type", 
        "context": [
            {
                "operand": false, 
                "operator": "equal", 
                "match_all": true, 
                "key": "setting.is_widget"
            }, 
            {
                "match_all": true, 
                "key": "emmet_action_enabled.wrap_as_you_type"
            }
        ]
    }, 
    {
        "keys": [
            "alt+r"
        ], 
        "command": "rename_tag", 
        "context": [
            {
                "key": "emmet_action_enabled.rename_tag"
            }
        ]
    }, 
    {
        "keys": [
            "alt+up"
        ], 
        "args": {
            "action": "increment_number_by_01"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.increment_number_by_01"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+shift+u"
        ], 
        "command": "update_as_you_type", 
        "context": [
            {
                "operand": false, 
                "operator": "equal", 
                "match_all": true, 
                "key": "setting.is_widget"
            }, 
            {
                "match_all": true, 
                "key": "emmet_action_enabled.update_as_you_type"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+alt+j"
        ], 
        "args": {
            "action": "matching_pair"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.matching_pair"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+down"
        ], 
        "args": {
            "action": "decrement_number_by_1"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.decrement_number_by_1"
            }
        ]
    }, 
    {
        "keys": [
            "ctrl+e"
        ], 
        "args": {
            "action": "expand_abbreviation"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.expand_abbreviation"
            }
        ]
    }, 
    {
        "keys": [
            "tab"
        ], 
        "command": "expand_abbreviation_by_tab", 
        "context": [
            {
                "operand": "source.css, source.sass, source.less, source.scss, source.stylus, source.postcss, source.jade, text.jade, text.slim, text.xml, text.html - source, text.haml, text.scala.html, source string", 
                "operator": "equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "operand": "storage.type.templatetag.django", 
                "operator": "not_equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "match_all": true, 
                "key": "selection_empty"
            }, 
            {
                "operator": "equal", 
                "operand": false, 
                "match_all": true, 
                "key": "has_next_field"
            }, 
            {
                "operator": "equal", 
                "operand": false, 
                "match_all": true, 
                "key": "setting.disable_tab_abbreviations"
            }, 
            {
                "operand": false, 
                "operator": "equal", 
                "match_all": true, 
                "key": "auto_complete_visible"
            }, 
            {
                "match_all": true, 
                "key": "is_abbreviation"
            }
        ]
    }, 
    {
        "keys": [
            "tab"
        ], 
        "command": "expand_abbreviation_by_tab", 
        "context": [
            {
                "operand": "source.css, source.sass, source.less, source.scss, source.stylus, source.postcss, source.jade, text.jade, text.slim, text.xml, text.html - source, text.haml, text.scala.html, source string", 
                "operator": "equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "operand": "storage.type.templatetag.django", 
                "operator": "not_equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "match_all": true, 
                "key": "selection_empty"
            }, 
            {
                "operator": "equal", 
                "operand": false, 
                "match_all": true, 
                "key": "has_next_field"
            }, 
            {
                "operator": "equal", 
                "operand": true, 
                "match_all": true, 
                "key": "auto_complete_visible"
            }, 
            {
                "operator": "equal", 
                "operand": false, 
                "match_all": true, 
                "key": "setting.disable_tab_abbreviations_on_auto_complete"
            }, 
            {
                "match_all": true, 
                "key": "is_abbreviation"
            }
        ]
    }, 
    {
        "keys": [
            "enter"
        ], 
        "args": {
            "contents": "\n\t${0}\n"
        }, 
        "command": "insert_snippet", 
        "context": [
            {
                "operand": "meta.scope.between-tag-pair.html, meta.scope.between-tag-pair.xml", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "operand": false, 
                "match_all": true, 
                "key": "auto_complete_visible"
            }, 
            {
                "match_all": true, 
                "key": "clear_fields_on_enter_key"
            }, 
            {
                "operand": false, 
                "match_all": true, 
                "key": "setting.disable_formatted_linebreak"
            }
        ]
    }, 
    {
        "keys": [
            "#"
        ], 
        "args": {
            "attribute": "id"
        }, 
        "command": "emmet_insert_attribute", 
        "context": [
            {
                "operand": "text.html meta.tag -string -punctuation.definition.tag.begin.html -meta.scope.between-tag-pair.html -source -meta.tag.template.value.twig", 
                "operator": "equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "operator": "equal", 
                "operand": true, 
                "key": "setting.auto_id_class"
            }
        ]
    }, 
    {
        "keys": [
            "."
        ], 
        "args": {
            "attribute": "class"
        }, 
        "command": "emmet_insert_attribute", 
        "context": [
            {
                "operand": "text.html meta.tag -string -punctuation.definition.tag.begin.html -meta.scope.between-tag-pair.html -source -meta.tag.template.value.twig", 
                "operator": "equal", 
                "match_all": true, 
                "key": "selector"
            }, 
            {
                "operator": "equal", 
                "operand": true, 
                "key": "setting.auto_id_class"
            }
        ]
    }
]