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+/: 块注释

posted on 2016-02-04 10:48  木杉彬彬彬  阅读(287)  评论(0编辑  收藏  举报