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 常用插件

1、Emmet
提高HTML & CSS3編寫速度。
2、Theme – Soda
一直用的一款皮膚
3、sideBarEnhancements
側邊欄右鍵增效插件，提高頁面處理速度。
4、HTML5
Sublime Text3支持HTML5
5、Sass
Sublime Text3支持Sass
6、Less
Sublime Text3支持Less
6、All Autocomplete
檢查全部打開文件，相似自動補全插件
7、SublimeCodeIntel
代碼提示工具
8、BracketHighlighter
成對匹配增強，並修改括號等的顏色
9、jQuery
Sublime Text3支持jQuery
10、DocBlockr
快速注釋
11、ColorPicker
顏色獲取
12、ConvertToUTF8
UTF8轉換
13、FileDiffs
查找文檔不同
14、LiveStyle
配合插件實時調試樣式使用grunt watch已經不需要這個插件了。
15、Alignment
等號對齊 快捷鍵會有沖突 重新在Alignment > Key Bindings – User 配置快捷鍵 ctrl+alt+f
16、SublimeTmpl
快速格式化代碼
17、Gutter Color
顏色提示 需要imageMagick支持
18、Can I Use
可以直接調整到caniuse看到當前屬性的瀏覽器支持情況。快捷鍵
19、InsertDate
插入時間，項目文件存在CDN的時候，需要改變時間戳才會看到效果，這個是個好東西。
20、Git
Git插件，提供Git常用的命令集合。
21、AutoFileName
自動提示路徑插件