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
自動提示路徑插件