下載和安裝(很簡單,省略)下載地址 http://www.sublimetext.com/2css
1. 有兩點須要注意html
a) Sublime Text目前穩定的版本是Sublime Text 2,Sublime Text 3 beta測試版本已經推出,在版本3上進行大幅功能提高。java
b) Mac操做系統和Windows操做系統,快捷鍵差異較大(這裏的快捷鍵是在Windows系統下)編程
2. 啓動(略)瀏覽器
3. 編輯區服務器
天天工做的地方,越大越好ssh
關閉後再次打開文檔,自動幫咱們保存。(很是便利的一個特性)ide
4. 菜單函數
a) File (文件)工具
新建文件 Ctrl + N
打開文件 Ctrl + O
Sublime打開文件後,自動識別文件的類型。而且對文件進行語法高亮。
Sublime Text 3能夠直接打開圖片
b) Edit (編輯)
複製
簡單複製Ctrl + V
保持縮進複製 Ctrl +Shift +V
複製歷史 Ctrl + K + V
Line
增長縮進 Ctrl + ]
增長縮進 Ctrl + [
複製整行 Ctrl +Shift + D
刪除整行 Ctrl +Shift + K
與上行互換 Ctrl + Shift + ↑
與下行互換 Ctrl + Shift + ↓
合併成一行 Ctrl + J
註釋
註釋整行 Ctrl + / (如已選擇內容,同「Ctrl+Shift+/」效果)
註釋一片 Ctrl + Shift + / (註釋已選擇內容)
Text
下一行插入新行Ctrl + Enter
上一行插入新行 Ctrl + Shift + Enter
c) Select(選擇)
全選 Ctrl + A
選擇整行 Ctrl + L
選擇單詞 Ctrl + D (按住-繼續選擇下個相同的字符串)
光標移動至括號內開始或結束的位置 Ctrl + M
選擇括號內的內容(按住-繼續選擇父括號) Ctrl + Shift + M
選擇光標位置父標籤對 Ctrl + Shift + A
Ctrl + Alt + ↑
Ctrl + Alt + ↓
Ctrl + Shift +J
d) Find(查找和替換)
查找 Ctrl + F
查找下一個 F3
查找上一個 Shift + F3
增量查找 Ctrl + I
替換 Ctrl + H
替換下一個 Ctrl + Shift + H
快速查找 Ctrl + F3
快速查找所有 Alt+ F3
快速增長查找下一個 Ctrl + D (Select(選擇))
快速跳過下一個 Ctrl + K + D
Ctrl + E
Ctrl + Shift + E
Ctrl + Shift + F
e) View(視圖)
顯示/隱藏側邊欄 Ctrl + K + B
顯示/隱藏控制欄 Ctrl +`
顯示/隱藏菜單欄 Alt
全屏(含側邊欄、菜單欄、導航區) F11
無干擾全屏(只含菜單欄) Shift + F11
f) Goto(跳轉)
Goto Anything(待下面詳解)
g) Tools(工具)
命令模式 Ctrl + Shift + P(待下面詳解)
Goto Anything詳解
開發一個大型的系統,想要在系統中找到index.html,如何操做?
通常狀況下,點擊side Bar 一層層點開文件找到index.html,大型的系統文件嵌套層次比較深的話,使用Goto Anything,大大加快了速度。
1.Ctrl + P 在輸入框中輸入index.html,爲咱們找到匹配的文件。
2.知道目錄結構,能夠輸入 文件夾/index.html.
3.支持模糊匹配,
4.提供符號功能,幫助咱們在文件內部進行導航。
【css文件(@body)找選擇器。】
【js文件(@)找函數。】
組合使用:(模糊匹配和符號功能)
public/css/b@body
多行遊標功能
1. 選擇mode : ctrl + d
2. 選擇{ : ctrl + k ctrl + d
3. 選擇單詞 green
a) 第一種方式(單詞選擇) ctrl + d,ctrl + k 跳過某個再 Ctrl + D
b) 第二種方式(多選) Alt + F3
c) 第三種方式(拆行) Ctrl + A 全選 Ctrl + Shift + L
d) 第四種方式(使用鼠標拖拽)Shift + 鼠標右鍵
使用Esc 能夠退出多行遊標模式
命令模式
1. 切換語法模式(以js語法爲例)
a) 點擊右下方
b) 命令模式(Ctrl + Shift + P)打開,輸入set syntax javasctipt
一樣輸入支持模糊匹配,輸入js一樣能夠。
c) 模糊匹配也能夠幫咱們查找咱們須要的功能,好比想隱藏導航區minimap,咱們不知道命令是什麼,可是咱們知道它的名字minimap,咱們只要輸入minimap回車就能夠隱藏它了。
2. 實際開發應用中,儘可能多地使用命令模式的好處
(1) 減小鼠標的使用率,加快編碼速度
(2) 減小對快捷鍵的記憶
學以至用
演示html開發過程
1. Ctrl + N打開編輯區
2. 轉換語法模式(命令模式)
a) Ctrl + shift + p
b) 輸入sshtml
3. 編輯區輸入< html>,閉合
a) Edit->Tag->Close Tag
b) 快捷鍵Alt + >
c) 插件Emmet 直接輸入歎號!,接着 Ctrl +E就生成一整段html代碼。
ul>li*9.items$
Ctrl + E 或者 Tab
多行遊標,選擇特徵符號>< ,Alt + F3 全選
左右方向鍵←/→進行定位
同時編輯多行,輸入h2 (大括號裏面是內容)
Ctrl + E 或者 Tab 肯定完成
添加javascrip代碼,在title下面,輸入script,Ctrl + E或者Tab,光標在</script>前方
咱們須要在上一行編輯內容,Ctrl + Shift + Enter
咱們不打算編輯js代碼,而是從其餘文件中複製這是實際開發中很是常見的,Ctrl +C 和 Ctrl + V。
Goto Anything找到想要拷貝的js文件,Ctrl + P。
選擇須要的代碼,Ctrl +C
Ctrl + V 是簡單的複製,代碼格式很糟糕。
保持縮進粘貼,Ctrl + Shift + V
Package Control
Package Control管理插件
安裝Package Control 網址 https://packagecontrol.io/
View->Show Console 或者快捷鍵 Ctrl + ` 打開控制檯
拷貝安裝代碼,回車安裝完成
SUBLIME TEXT 3
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
SUBLIME TEXT 2
import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
Ctrl + Shift + P命令模式,輸入 pc 模糊匹配 Package Control
最經常使用的是安裝新插件Package Control:Install Package
命令模式輸入pci快速模糊匹配Package Control:Install Package
Sublime支持自定義主題,是其如此受歡迎的緣由之一, theme插件
1. 直接命令模式theme模糊匹配找到主題
a) theme -Soda
b) theme -Flatland
c) theme-spacegray等等
能夠在官方網站,看主題的樣式 https://packagecontrol.io/browse/labels/theme
安裝步驟:
1. Ctrl + Shift + P命令模式,輸入pc模糊匹配Package Control->Package Control:Install Package
2.輸入theme-spacegray,回車進行安裝
安裝完成以後,會自動有一些使用說明。
將配置信息複製到咱們的用戶配置信息中
打開用戶配置信息 Preferences->Settings-User
將複製的內容拷貝進來
保存,Sublime當即響應主題
snippets以模板的方式編程
使編程更快,並保持一種良好的編程風格
輔助技巧
輔助技巧1:advanceNewfile 建立文件 快捷鍵 Ctrl + Alt +N
輔助技巧2:httpRequest 服務器端http請求 快捷鍵 Ctrl + Alt +R
輔助技巧3:nettus fetch 管理/更新類庫 快捷鍵 Ctrl + Alt +R
輔助技巧4:sidebarenhancement 側邊欄功能 快速在瀏覽器中查看html文件效果
快速添加註釋
DOCblock /** + Tab
語法校驗
Lint插件
sublimeLint
jslint