Sublime Text 3 常用外掛程式以及安裝方法

使用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(' ','%20')).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
配合外掛程式Just-in-Time 偵錯樣式使用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
自動提示路徑外掛程式
原文地址：https://www.douban.com/note/474507021/