Sublime Text 3 经常使用插件以及安装方法(vue 插件)

使用Package Control组件安装

也能够安装package control组件，而后直接在线安装：
按Ctrl+` 调出console
粘贴如下代码到底部命令行并回车：
{
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(' ',' ')).read())
}
重启Sublime Text 3。
----------------------------------------------------------------------------------------------------------------------------
按下Ctrl+Shift+P调出命令面板
输入install 调出 Install Package 选项并回车，而后在列表中选中要安装的插件。

经常使用插件:
1---- Bracket Highlighter "相似于代码匹配，能够匹配括号，引号等符号内的范围。
BracketHighlighter能为ST提供括号，引号这类高亮功能，但安装此插件后，默认没有高亮，只有下划线表示，不是很醒目，须要以下配置
1. 在ST中用package control安装BracketHighlighter（此是废话）
2. 安装完成后，打开Preferences -> package settings -> Bracket Highlighter -> Bracket Settings – User (注意是user)，而后添加以下代码
----------------------------------------------------------------------------------------------
{
    "bracket_styles": {
        "default": {
            "icon": "dot",
            // "color": "entity.name.class",
            "color": "brackethighlighter.default",
            "style": "highlight"
        },

        "unmatched": {
            "icon": "question",
            "color": "brackethighlighter.unmatched",
            "style": "highlight"
        },
        "curly": {
            "icon": "curly_bracket",
            "color": "brackethighlighter.curly",
            "style": "highlight"
        },
        "round": {
            "icon": "round_bracket",
            "color": "brackethighlighter.round",
            "style": "highlight"
        },
        "square": {
            "icon": "square_bracket",
            "color": "brackethighlighter.square",
            "style": "highlight"
        },
        "angle": {
            "icon": "angle_bracket",
            "color": "brackethighlighter.angle",
            "style": "highlight"
        },
        "tag": {
            "icon": "tag",
            "color": "brackethighlighter.tag",
            "style": "highlight"
        },
        "single_quote": {
            "icon": "single_quote",
            "color": "brackethighlighter.quote",
            "style": "highlight"
        },
        "double_quote": {
            "icon": "double_quote",
            "color": "brackethighlighter.quote",
            "style": "highlight"
        },
        "regex": {
            "icon": "regex",
            "color": "brackethighlighter.quote",
            "style": "outline"
        }
    }
}

----------------------------------------------------------------------------------------------
Sulbime Text3 经常使用插件

一、Emmet
提升HTML & CSS3编写速度。
二、Theme – Soda
一直用的一款皮肤
三、sideBarEnhancements
侧边栏右键增效插件，提升页面处理速度。
四、HTML5
Sublime Text3支持HTML5
五、Sass
Sublime Text3支持Sass
六、Less
Sublime Text3支持Less
六、All Autocomplete
检查所有打开文件，类似自动补全插件
七、SublimeCodeIntel
代码提示工具
八、BracketHighlighter
成对匹配加强，并修改括号等的颜色
九、jQuery
Sublime Text3支持jQuery
十、DocBlockr
快速注释
十一、ColorPicker
颜色获取
十二、ConvertToUTF8
UTF8转换
1三、FileDiffs
查找文档不一样
1四、LiveStyle
配合插件实时调试样式使用grunt watch已经不须要这个插件了。
1五、Alignment
等号对齐 快捷键会有冲突 从新在Alignment > Key Bindings – User 配置快捷键 ctrl+alt+f
1六、SublimeTmpl
快速格式化代码
1七、Gutter Color
颜色提示 须要imageMagick支持
1八、Can I Use
能够直接调整到caniuse看到当前属性的浏览器支持状况。快捷键
1九、InsertDate
插入时间，项目文件存在CDN的时候，须要改变时间戳才会看到效果，这个是个好东西。
20、Git
Git插件，提供Git经常使用的命令集合。
2一、AutoFileName
自动提示路径插件