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安装docblockr
2,输入/*按回车，补充行注释。
3，输入/**按回车，补充多行注释。
4，在写好的函数上方输入/**按tab键，自动补充函数说明格式。
利用DocBlocker可以进行多行注释
docblock,块注释。
- Ctrl+/: 行注释
- Ctrl+Shift+/: 块注释