sublime text 3 使用技巧

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

sublime text 3 編輯器使用技巧:

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

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

    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)post

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

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

    方法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+/: 塊註釋

相關文章
相關標籤/搜索