sublime text 3 使用技巧

整理自慕課網  前端開發工具技巧介紹—Sublime篇   原視頻連接：http://www.imooc.com/learn/40

sublime text 3 編輯器使用技巧：

　　ctrl+P:Goto Anything(支持模糊匹配)

　　　　ctrl+P 快速查找並打開文件 如：fullpage/index.html

　　　　ctrl+P 快速定位並邊界 如：@body 能夠快速定位到當前文件的body標籤

　　　　也能夠把以上操做二合一 如fullpage/index.css@body 能夠快速打開index.css文件並找到body標籤

　　命令模式：ctrl+Shift+P(在新建的文件中能夠經過此快捷鍵來快速設置/更改文件類型)

　　　　在命令模式下輸入pclp(package control:list package)顯示已安裝軟件包

　　多行遊標：

　　　　方法1：連續ctrl+D (跳過ctrl+K ctrl+D)

　　　　方法2：產生所有多行遊標 先ctrl+D(選中第一個詞) 而後alt+F3

　　　　方法3：每行末尾產生多個遊標 先ctrl+A 而後shift+ctrl+L

　　　　方法4：shift+鼠標右鍵拖動

　　　　備註：

　　　　複製多行 shift+ctrl+D

　　　　Find and Replace：快捷鍵ctrl+H

　　使用ctrl+shift+V能夠在保持縮進的基礎上進行粘貼

　　快速添加多個無序列表：ul>.item$*n<表示快速添加10行無序列表>

　　在當前行上方添加新行：Ctrl+Shift+Enter。

　　ctrl+} 增長縮進   ctrl+{ 減小縮進

 

　　snippets以模版的方式編程：

1.[ctrl+shift+P]+輸入'pci'+輸入'Snippet: Function'
2.輸入'fun'+[Enter]，自動產生 function
3.輸入'ife'，自動產生 if else

JavaScript snippets
1.[ctrl+shift+P]+輸入'pci'+輸入'JavaScript Completions'
2.輸入'gi'，自動產生 getElementById

JQuery snippets
1.[ctrl+shift+P]+輸入'pci'+輸入'JQuery'
2.輸入'get'，自動產生 get請求
3.輸入'post'，自動產生 post請求

Insert Callback
1.[ctrl+shift+P]+輸入'pci'+輸入'Insert Callback'
2.[alt+C]，自動產生 callBack function

 

輔助技巧-advancedNewfile

1.Ctrl+Shift+P--->pci--->adavancedNewFile選中，安裝<br><br>
2.Ctrl+Alt+N 新建並保存<br><br>
(熱鍵衝突時候爲：.Ctrl+Alt+shift+N)<br>
3..Ctrl+Alt+N而後輸入建立文件、文件夾及其路徑

 

快速添加註釋：

1,新創建一個js的文件，Ctrl+shift+p輸入pci安裝docblockr2,輸入/*按回車，補充行註釋。3，輸入/**按回車，補充多行註釋。4，在寫好的函數上方輸入/**按tab鍵，自動補充函數說明格式。利用DocBlocker能夠進行多行註釋docblock,塊註釋。- Ctrl+/: 行註釋- Ctrl+Shift+/: 塊註釋