Sublime Text3 (轉) 配置 以及快捷鍵配置

1、介紹

　　Sublime Text 是一款較新的編輯器，它輕量、簡潔、高效，良好的擴展性以及跨平臺等特性，使得愈來愈多的開發人員喜好。它是一款收費的商業軟件，但能夠免費無限制無限期的試用，只會偶爾提醒是否購買。用戶購買一個受權可同時在不一樣平臺上使用。

 

Ctrl+Shift+P -> install -> 搜索安裝包SyncedSidebarBg，自動同步側邊欄底色爲編輯窗口底色。
PS：有時改完後側邊欄顏色沒變化，不知什麼緣由，打開包控制，而後列一下已安裝包就刷新了。

 

 

2、安裝

　　訪問http://www.sublimetext.com/2下載2.x版本。中文漢化包下載，解壓並放置於..\Sublime Text 2\Packages文件夾。

　　或從http://www.sublimetext.com/3下載3.x版本。

　　註冊碼（僅供我的非商業應用）：

----- BEGIN LICENSE ------ 
Alexander 
Single User License 
EA7E-814345 
51F47F09 4EAB1285 7827EFF0 8B1207DC 
A76A6EA3 E1A1CA7A DC1F2703 14,897,784 
8EDC1C82 3F2A58B9 1C0C8B24 67686432 
281245B3 6233DE5C ADC5C2F9 61FB8A04 
171B63EF 86BA423F 6AC884FD 3273A7AA 
5F50A6DB CE7859AE D62D2B37 AEEDD8C2 
078A8A20 70EEA791 84F48C1E 8ABA7DEB 
0B3907C0 C9A3523B 0091A045 6F67AED8 
------ END LICENSE ------

 　　

----- BEGIN LICENSE -----
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
------ END LICENSE ------

 

3、配置

　　點擊preferences－setting user，我的設置以下：

{
    //字體大小
    "font_size": 13.0,
    //字體類型
    "font_face": "Consolas",
    // 設置每一行到頂部，以像素爲單位的間距，效果至關於行距
    "line_padding_top": 2,
    // 設置每一行到底部，以像素爲單位的間距，效果至關於行距
    "line_padding_bottom": 2,
    // html和xml下突出顯示光標所在標籤的兩端，影響HTML、XML、CSS等
    "match_tags": true,    
    // 是否顯示代碼摺疊按鈕
    "fold_buttons": true,
    // 代碼提示
    "auto_complete": true,
    // 默認編碼格式
    "default_encoding": "UTF-8",
    // 左邊邊欄文件夾動畫
    "tree_animation_enabled": true,
    //刪除你想要忽略的插件
    "ignored_packages":
    [
        "Vintage",
        "YUI Compressor"
    ]
}

 

4、快捷鍵

    一、F11和Shift+F11進入全屏免打擾模式

    二、Ctrl+L：選擇整行，按住繼續選擇下一行

    三、Ctrl+KK:從光標處刪除至整行的尾部

    四、Ctrl+Shift+D:複製光標所在的整行，插入在該行以前

    五、Ctrl+J：合併行(已選擇須要合併的多行時)，能夠理解爲不換行模式，直到遇到編輯器邊框後自動換行

    六、Ctrl+D:選詞，(按住-繼續選擇下個相同的字符串)

    七、Ctrl+/：註釋整行，可來回切換，Submlie Text可自動判斷文件類型。選擇整段，也可註釋整段。

    八、Ctrl+Shift+/:註釋。選擇整段，也可註釋整段，單行時候，不註釋該行，而是添加該行的註釋信息，如</ul><!--  -->

    九、Alt+. ：閉合當前標籤

    十、Ctrl+Shift+[：摺疊代碼

    十一、Ctrl+Shift+]：展開代碼

    十二、Shift+table:向左縮進、Tab向右縮進

 

5、插件

5.1 插件的安裝方法有兩個：直接安裝和插件管理安裝。

　　5.1.1 直接安裝，將下載的安裝包解壓縮到Packages目錄（菜單->preferences->packages）；

　　5.1.2 Package Control組件安裝。用Package Control安裝插件的方法：

　　　按下Ctrl+Shift+P調出命令面板，輸入install， 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。

　　　有的網絡環境可能會不容許訪問陌生的網絡環境從而設置防火牆，而Sublime Text 貌似沒法設置代理，可能就獲取不到安裝包列表了。

 

5.2 經常使用插件

　　一、Package Control（安裝包控制）

　　打開Sublime Text ，按快捷鍵 ctrl+` 或者點擊 Tools → Command Palette 調出控制檯Console；將如下代碼複製粘貼進命令行後回車：

import urllib2,os;
pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();
os.makedirs(ipp)ifnot os.path.exists(ipp)elseNone;
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

　　從新啓動Sublime Text 2，若是在Preferences → Package Settings 中看到 Package Control 這一項，說明安裝成功。

　　

　　二、Alignment（代碼補齊）　下載：https://github.com/wbond/sublime_alignment

　　

　　三、ColorPicker（調色盤）　下載：https://github.com/weslly/ColorPicker

　　在編輯CSS樣式的時候，ColorPicker可讓sublime text 內置一個調色盤，調好顏色，點擊OK就會在光標處生成十六進制顏色代碼。

　　

　　

　　四、Zen Coding（現已更名爲Emmet）　下載：https://github.com/sergeche/emmet-sublime

　　使用仿CSS選擇器的語法來快速開發HTML和CSS，Zen Coding由兩個核心組件組成：一個縮寫擴展器(縮寫爲像CSS同樣的選擇器)和上下文無關的HTML標籤對匹配器。

　　

　　使用ZenCoding編寫代碼時，須要遵循必定的縮寫規則：

E元素名（div、p）；

E#id帶Id的元素（div#content、p#intro、span#error）；

E.class帶class的的元素（div.header、p.error）,id和class能夠連着寫，div#content.column

E>N子元素（div>p、div#footer>p>span）

E*N多項元素（ul#nav>li*5>a）

E+N多項元素

E$*N帶序號的元素

　　

　　五、SublimeTmpl（自定義新建文件）　下載：https://github.com/kairyou/SublimeTmpl

　　默認已經添加了html、css、js等常見類型的面板，按ctrl+alt+h/ctrl+alt+c/ctrl+alt+j可新建這 3鍾類型的文件，快捷鍵在這裏\Packages\SublimeTmpl\Default (Windows).sublime-keymap, 模板文件在這裏\Packages\SublimeTmpl\templates，可修改。

　　

　　其餘插件：

　　Clipboard-history（粘貼板歷史記錄）　下載：https://github.com/kemayo/sublime-text-2-clipboard-history 
　　CSScomb（CSS屬性排序）　下載：https://github.com/csscomb/CSScomb-for-Sublime
　　Gits（集成 GitHub）　下載：https://github.com/kemayo/sublime-text-git
　　Hex-to-HSL-Color Hex（顏色模式轉HSL顏色模式）  下載：https://github.com/atadams/Hex-to-HSL-Color
　　HtmlTidy（清理與排版你的HTML代碼） 　下載：https://github.com/welovewordpress/SublimeHtmlTidy
　　JsFormat（javascript格式化）　下載：https://github.com/jdc0589/JsFormat
　　PHPTidy（整理與排版PHP代碼）　下載：https://github.com/welovewordpress/SublimePhpTidy
　　SideBarEnhancements（側邊欄加強）　下載：https://github.com/titoBouzout/SideBarEnhancements
　　SublimeLinter（代碼錯誤提示）　下載：https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
　　SFTP（編輯 FTP 或 SFTP 服務器上的文件）　下載：http://wbond.net/sublime_packages/sftp   
　　Tradsim（中文繁字體和簡體字轉換）　下載：https://github.com/erinata/SublimeTradsim
　　TrailingSpacer（高亮顯示多餘的空格和Tab）　下載：https://github.com/SublimeText/TrailingSpaces 
　　YUI Compressor（壓縮JS和CSS文件）　下載：https://github.com/kairyou/SublimeYUICompressor

 

 

 

//=======================個人快捷鍵=======================//

// 刪除當前行
{ "keys": ["ctrl+d"], "command":"run_macro_file", "args": {"file":"Packages/Default/Delete Line.sublime-macro"} },
// 複製選中行到行後
{ "keys": ["ctrl+alt+down"], "command":"duplicate_line" },
// 選詞(按住-繼續選擇下個相同的字符串)
{ "keys": ["ctrl+g"], "command":"find_under_expand" },
// gb一次選中全部的
{ "keys": ["ctrl+g", "ctrl+b"],"command": "find_all_under" },
// 自動提示、補全
{ "keys": ["alt+/"], "command":"auto_complete" },
{ "keys": ["alt+/"], "command":"replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator":"equal", "operand": "insert_best_completion" },
{ "key": "auto_complete_visible", "operator":"equal", "operand": false },
{ "key": "setting.tab_completion", "operator":"equal", "operand": true }
]
},
// 與上行互換
{ "keys": ["alt+up"], "command":"swap_line_up" },
// 與下行互換
{ "keys": ["alt+down"], "command":"swap_line_down" },
{ "keys": ["alt+/","alt+/"], "command":"insert_best_completion" },

//與tab鍵衝突，秒之
{ "keys": ["shift+tab"], "command":"insert_best_completion", "args": {"default":"\t", "exact": true} },
{ "keys": ["shift+tab"], "command":"insert_best_completion", "args": {"default":"\t", "exact": false},
"context":
[
{ "key": "setting.tab_completion", "operator":"equal", "operand": true }
]
},
{ "keys": ["shift+tab"], "command":"replace_completion_with_next_completion", "context":
[
{ "key": "last_command", "operator":"equal", "operand": "insert_best_completion" },
{ "key": "setting.tab_completion", "operator":"equal", "operand": true }
]
},
{ "keys": ["shift+tab"], "command":"reindent", "context":
[
{ "key": "setting.auto_indent", "operator":"equal", "operand": true },
{ "key": "selection_empty", "operator":"equal", "operand": true, "match_all": true },
{ "key": "preceding_text", "operator":"regex_match", "operand": "^$","match_all": true },
{ "key": "following_text", "operator":"regex_match", "operand": "^$","match_all": true }
]
},
{ "keys": ["shift+tab"], "command":"indent", "context":
[
{ "key": "text", "operator":"regex_contains", "operand": "\n" }
]
},
{ "keys": ["shift+tab"], "command":"next_field", "context":
[
{ "key": "has_next_field", "operator":"equal", "operand": true }
]
},
{ "keys": ["shift+tab"], "command":"commit_completion", "context":
[
{ "key": "auto_complete_visible" },
{ "key": "setting.auto_complete_commit_on_tab" }
]
},

//移動光標
{ "keys": ["alt+l"], "command": "move","args": {"by": "characters", "forward":false} },
{ "keys": ["alt+r"], "command": "move","args": {"by": "characters", "forward":true} },
{ "keys": ["alt+u"], "command": "move","args": {"by": "lines", "forward":false} },
{ "keys": ["alt+d"], "command": "move","args": {"by": "lines", "forward":true} },
{ "keys": ["shift+alt+l" ], "command":"move", "args": {"by": "characters","forward": false, "extend": true} },
{ "keys": ["shift+alt+r"], "command":"move", "args": {"by": "characters","forward": true, "extend": true} },
{ "keys": ["shift+alt+u" ], "command":"move", "args": {"by": "lines","forward": false, "extend": true} },
{ "keys": ["shift+alt+d" ], "command":"move", "args": {"by": "lines","forward": true, "extend": true} },

//移動光標到行首或行末
{ "keys": ["alt+b"], "command":"move_to", "args": {"to": "bol","extend": false} },
{ "keys": ["alt+e"], "command":"move_to", "args": {"to": "eol","extend": false} },
{ "keys": ["shift+alt+b"], "command":"move_to", "args": {"to": "bol","extend": true} },
{ "keys": ["shift+alt+e"], "command":"move_to", "args": {"to": "eol","extend": true} },

//滾屏
{ "keys": ["alt+g"], "command":"scroll_lines", "args": {"amount": 1.0 } },
{ "keys": ["alt+h"], "command":"scroll_lines", "args": {"amount": -1.0 } },

//縮進
{ "keys": ["shift+tab"], "command":"unindent" },

]

//=======================系統自帶快捷鍵=======================//
//=============選擇=============//
// Ctrl+L
// 選擇整行(按住-繼續選擇下行)

//Ctrl+Shift+L
//鼠標選中多行，按下 同時編輯這些行

//鼠標中鍵
//拖動，選擇多行

//Ctrl+左鍵點擊
//同時選中多個節點進行編輯

//Ctrl+M
// 光標移動至括號內開始或結束的位置

// Ctrl+Shift+M
// 選擇括號內的內容(按住-繼續選擇父括號)

//=============窗口=============//
// SHIFT+ALT+數字
// 分割窗口

//=============行處理=============//
// CTRL+J
// 合併行JOIN

// Ctrl+KU
// 改成大寫

// Ctrl+KL
// 改成小寫

// Ctrl+KK// 從光標處刪除至行尾// Ctrl+Shift+D// 複製光標所在整行，插入在該行以前// Ctrl+J// 合併行(已選擇須要合併的多行時)// Ctrl+/// 註釋整行(如已選擇內容，同「Ctrl+Shift+/」效果)// Ctrl+Shift+/// 註釋已選擇內容// Ctrl+Shift+V// 粘貼並自動縮進(其它兄弟寫的，實測win系統自動縮進無效)// Ctrl+M// 光標跳至對應的括號// Alt+.// 閉合當前標籤// Ctrl+Shift+A// 選擇光標位置父標籤對兒// Ctrl+Shift+[// 摺疊代碼// Ctrl+Shift+]// 展開代碼// Ctrl+KT// 摺疊屬性// Ctrl+K0// 展開全部// Ctrl+U// 軟撤銷// Ctrl+T// 詞互換// Ctrl+Enter// 插入行後// Ctrl+Shift Enter// 插入行前// Ctrl+K Backspace// 從光標處刪除至行首// Shift+Tab// 去除縮進// Tab// 縮進// F9// 行排序(按a-z)