基礎設置
在菜單中找到 Preferences -> Settings - User 點擊后, 會打開一個編輯器窗口.
<pre>
{
"always_generate_encoding_declaration": true,
"auto_complete": false,// 代碼提示
"auto_complete_commit_on_tab": false,
"create_window_at_startup": false, //取消啟動時,自動打開新窗口的設置, 這個設置很惡心, 每次啟動后會自動生成一個空白窗口
"open_files_in_new_window": false, //取消打開文件時會新生成一個窗口, 默認設置每次打開一個項目會重新生成一個窗口
"check_encoding_on_keystroke": true,
"check_encoding_on_load": true,
"check_encoding_on_save": true,
"draw_minimap_border": true,
"draw_white_space": "all", // 顯示空白字符
"font_face": "Monaco", //Consolas
"font_size": 14,
"highlight_line": true, //高亮當前編輯行
"highlight_modified_tabs": true, //設置文件修改時, 標簽高亮提示, 這樣可以提示保存
"ignored_packages":
[
"Vintage",
"LiveStyle"
],// 刪除你想要忽略的插件,需要重啟
"indent_to_bracket": true,
"line_padding_bottom": 1,//設置每一行到底部,以像素為單位的間距,效果相當于行距
"line_padding_top": 1,// 設置每一行到頂部,以像素為單位的間距,效果相當于行距
"match_brackets": true,// 是否特殊顯示當前光標所在的括號、代碼頭尾閉合標記
"remove_encoding_declaration": true,
"show_encoding": true, //在窗口右下角顯示打開文件的編碼
"tab_size": 2, // 設置tab的大小為 2
"theme": "Soda Dark 3.sublime-theme",
"translate_tabs_to_spaces": true, // 使用空格代替tab
"trim_trailing_white_space_on_save": true, // 保存時自動去除行末空白
"word_wrap": true, //是否自動換行,如果選auto,需要加雙引號
"wrap_width": 80, //設置窗口內文字區域的寬度
"default_encoding": "UTF-8", // 默認編碼格式
"rulers": [80, 100], // 添加行寬標尺
"ensure_newline_at_eof_on_save": true, // 保存時自動增加文件末尾換行
}
</pre>
Package Control
Sublime Text 2
首先打開 ctrl+`, 并在打開的 st2 console 中輸入:
<pre>
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
</pre>
Sublime Text 3
<pre>
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())
</pre>
Sublime Text 常用快捷鍵
快捷鍵組合 | 功能 |
---|---|
shift + cmd + p | 打開命令面板 |
control + ` | 控制臺 |
cmd + n | 新建標簽 |
cmd + 數字 | 標簽切換 |
cmd + option + 2 | 分成兩屏 |
control + 數字 | 分屏時移動到不同的屏幕 |
cmd + delelte | 刪除光標前所有字符, 貌似是Mac快捷鍵 |
cmd + f | 查找 |
option + cmd + f | 查找替換 |
cmd + t | 文件跳轉 |
control + g | 行跳轉, 類似vim中的num + gg |
cmd + r | 函數跳轉 |
cmd + / | 給選中行添加或去掉注釋 |
cmd + [或 cmd + ] | 智能行縮進 |
cmd + k + b | 開關側邊欄 |
更多快捷鍵可查看官方文檔
常用插件
通過Package Control 來安裝插件:
按下Shift + Command + P調出命令面板。
輸入install調出Package Control: Install Package選項,按下回車。
輸入插件名稱并回車,稍等幾秒就安裝好了,有的插件可能需要重啟Sublime Text才能激活。
Alignment
這插件用于對齊代碼賦值語句
ColorPicker
支持在各個平臺下取色(window, mac, ubuntu) 插件
Ctags
快速定位到函數定義的地方
JsFormat
用于格式化 javascript 的代碼, 之后可以 cmd + shift + p 找 Format: javascript 就可以了.
SideBarEnhancements
增強側邊欄文件夾瀏覽功能
Tag
編寫 html 或者 xml 的時候, 這個插件可以自動關閉打開的標簽.
Terminal
打開cmd命令窗口的快捷鍵 Ctrl+Shift+T。
SublimeTmpl
允許用戶定義文件的模板
DocBlockr
用來生成注釋塊的插件,安裝好之后直接輸入"/*",然后再按回車鍵,即可生成代碼注釋塊。
SublimeCodeIntel
智能提示插件,這個插件的智能提示功能非常強大,可以自定義提示的內容庫
jquery
jquery提示庫
ConvertToUTF8
通過本插件,您可以編輯并保存目前編碼不被 Sublime Text 支持的文件,特別是中日韓用戶使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。
Git
Git整合
GitGutter
在編輯器的凹槽區,依照 Git ,增加小圖標來標識一行是否被插入、修改或刪除。
BracketHighlighter
使括號高亮匹配
all Autocomplete
all Autocomplete是對全部打開的文件進行查找不全
emmet
前端神器,使用方法可以參考Emmet:HTML/CSS代碼快速編寫神器http://www.iteye.com/news/27580或者官方文檔
SublimeLinter
語法檢測工具, 可以檢測到所寫代碼的語法錯誤,并高亮顯示錯誤
Prettify
HTML、CSS、JS、JSON.....Ctrl+Shift+H 一鍵就能格式化