Sublime Text 快捷鍵及使用技巧的學習整理

下載和安裝(很簡單,省略)下載地址 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 + dctrl + 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

相關文章
相關標籤/搜索