在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快。当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合。为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键。

这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用。享受吧!

(译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键)

选择
  • 选择一个选中项的下一个匹配项
  • 选择一个选中项的所有匹配项
  • 选择与光标关联的开始和结束标签
  • 选择容器内内容(新)
  • 选择括号内的内容
移动行和文本
  • 上移或下移行
  • 复制行或选中项
  • 增加和减少缩进
剪切和删除,复制和粘贴
  • 剪切行或选中项
  • 粘贴并保持缩进
  • 用标签包裹行或选中项
  • 移除未闭合的容器元素
文本和数字操作
  • 计算数学表达式
  • 递增和递减
  • 大写和小写
注释和对齐变量
  • 注释选中项/行
  • AlignTab自定义快捷键

选择一个选中项的下一个匹配项: ? + D

(译者注:ctrl+d)

把光标放在一个单词上,按下?+ D,将选择这个单词。一直按住?且按D多次,将选择当前选中项的下一个匹配项。通过按住?,再按D三次,将选择三个相同的文本。

选择一个选中项的所有匹配项: CTRL + ? + G

(译者注:alt+f3)

和上面一样,但它选择文件中的所有匹配项。小心使用这个,因为它能选择一个文件中的所有匹配项. .

选择与光标关联的开始和结束标签:?+?+ K

(译者注:ctrl+shift+’)

这是一个法宝。也许你希望所有属性保持不变,但只是想选择标签。这个快捷键为你这样做,会注意到你可以在一次操作多个标签。*需要Emmet插件

选择容器内内容:CTRL + D

(译者注:ctrl+shift+a)

如果你把光标放在文本间再按下上面的键将选择文本,就像?+ D。但是再次按下它,将选择父容器,再按,将选择父容器的父容器。*需要Emmet插件

选择括号内的内容: ? + ? + Space

(译者注:ctrl+shift+m

这有助于选择括号之间的一切。同样适用于CSS。

上移或下移行: CTRL + ? + ↑ 或 ↓

(译者注:ctrl+shift+

复制行或选中项: ? + ? + D

(译者注:ctrl+shift+d)如果你已经选中了文本,它会复制你的选中项。否则,把光标放在行上,会复制整行。

增加和减少缩进: ? + [ 或 ]

(译者注:ctrl+[]

剪切行或选中项: ? + X

(译者注:ctrl+x

剪切一行到你的剪切板,你可以粘贴到其他地方.

粘贴并保持缩进: ? + ? + V

(译者注:ctrl+shift+v)这是又一个我每次都用的快捷键。在gif中我显示了普通粘贴(?+ V)和缩进粘贴两种效果的对比。注意缩进如何排列。

用标签包裹行或选中项: CTRL + ? + W

(译者注:alt+shift+w

使用标签包裹一行; 开始输入你想使用的标签,你成功了.

移除未闭合的容器元素: ? + ’

(译者注:ctrl+shift+;)这会移除与你的光标相关的父标签。对清除标记很有帮助。

计算数学表达式: ? + ? + Y

(译者注:ctrl+shift+y)我从未想过我会经常使用这个,但是确实很好用

递增和递减: ? + OPTION + ↑ or ↓, OPTION + ↑ or ↓

(译者注:alt+shift+↓,ctrl+

按住 ? 将以10的步长改变数字, 不按住以1为步长. 同时注意到你不需要选择数字, Sublime Text 足够聪明到更新本行最近的数字.

大写和小写: ? + K then U, ? + K then L

(译者注:ctrl+k+u,ctrl+k+l

注释选中项/行: ? + /

(译者注:ctrl+/

这个在所有语言下都可用, 对行和选中项都可用.

额外令人高兴的事情!使用AlignTab自定义快捷键

上面的快捷键都是Sublime Text默认的快捷键,但是你也可以添加你自己的自定义快捷键。以下示例应用 AlignTab插件使用 三个自定义键绑定 来基于=> ,=,和:进行内容垂直对齐。因为我工作中主要使用JavaScript和PHP,这些绑定对于几乎我需要的每一个场景都有用,但是你可以用任何你想要的字符进行垂直对齐。

在你自己的编辑器实现下面gif的效果,只需安装 AlignTab, ,添加自定义绑定到您的自定义键绑定文件中,选择一些代码,并点击CTRL + ? + .;=.

结论

一旦你看到多行代码发生了一个改变,通常有一个使用几个按键来实现改变的方法,而不是一个个地编辑它们。通过连续使用上面快捷键的组合去执行重复的或可预见的改变,你可以大大提高你编码的速度。

这里是一个简短的Gif,包括选择所有匹配项,复制链接的文本,利用多行光标粘贴复制的文本,并将该文本转换为小写。

1 :按住shift+ctrl然后按←或→可快速选中一行中的某一部分,相当于双击鼠标选中。

当你想在代码末尾加注释的话,这个方法很好用

输入文字-》光标移到文字末尾-》按住shift+ctrl+←便会选中文字-》其他操作:删除、注释(ctrl+/)等等。

2:shift+ctrl键组合+↑↓。可实现类似鼠标选中之后移动的效果。

光标定位到某一行-》ctrl+shift+↑↓,上下移动一行。

选中之后-》ctrl+shift+↑↓,上下移动选中区域。

3:ctrl+shift+d:快速复制光标所在的一整行,并复制到该行之前。

4:ctrl+shift+m:选中花括号里面的全部内容不包括{}。

5:ctrl+shift+A:选中标签内的内容不包括标签,继续按会继续往上一层选择。

可利用这个功能实时结构预览。

再按

6:Ctrl+Shift+Enter 光标前插入行。

很好用,当因为某种原因需要插入新行的时候,使用它并且自带的缩进功能不需要使用tap键。

6:Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

在HTML语法格式中,可实现标签的折叠,很方便的查看标签布局结构。

7:Ctrl+Shift+K  删除整行

8:ctrl+shift+p  打开命令面板

Sublime Text快捷键:

Ctrl+Shift+P:打开命令面板

Ctrl+P:搜索项目中的文件

Ctrl+G:跳转到第几行

Ctrl+W:关闭当前打开文件

Ctrl+Shift+W:关闭所有打开文件

Ctrl+Shift+V:粘贴并格式化

Ctrl+D:选择单词,重复可增加选择下一个相同的单词

Ctrl+L:选择行,重复可依次增加选择下一行

Ctrl+Shift+L:选择多行

Ctrl+Shift+Enter:在当前行前插入新行

Ctrl+X:删除当前行

Ctrl+M:跳转到对应括号

Ctrl+U:软撤销,撤销光标位置

Ctrl+J:选择标签内容

Ctrl+F:查找内容

Ctrl+Shift+F:查找并替换

Ctrl+H:替换

Ctrl+R:前往 method

Ctrl+N:新建窗口

Ctrl+K+B:开关侧栏

Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身

Ctrl+F2:设置/删除标记

Ctrl+/:注释当前行

Ctrl+Shift+/:当前位置插入注释

Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的

Ctrl+Shift+A:选择当前标签前后,修改标签用的

F11:全屏

Shift+F11:全屏免打扰模式,只编辑当前文件

Alt+F3:选择所有相同的词

Alt+.:闭合标签

Alt+Shift+数字:分屏显示

Alt+数字:切换打开第N个文件

Shift+右键拖动:光标多不,用来更改或插入列内容

鼠标的前进后退键可切换Tab文件

按Ctrl,依次点击或选取,可需要编辑的多个位置

按Ctrl+Shift+上下键,可替换行

SublimeText快捷键的更多相关文章

  1. SublimeText快捷键大全(附GIF演示图)

    Sublime Text是码农必备之神器,有助于码农快速开垦,如果掌握了Sublime强大的快捷键就可以飞起来了.下面下载吧小编汇总了SublimeText支持的全部快捷键(适用SublimeText ...

  2. 快捷键整理(来源:http://www.cnblogs.com/xing901022/p/4741630.htm)

    Eclipse 跳转到指定行:ctrl+l 1几个最重要的快捷键 代码助手:Ctrl+Space(简体中文操作系统是Alt+/)快速修正:Ctrl+1单词补全:Alt+/打开外部Java文档:Shif ...

  3. 快捷键让SublimeText在编文件快速在浏览器打开

    这里插入一下安装"view in browser"官方版的说明:(前提是得先安装package control插件) 1.通过"ctrl+shift+p"打开命 ...

  4. SublimeText实用快捷键

    Markdown Ctrl+Alt+O: Preview Markup in Browser Ctrl+Alt+X: Export Markup as HTML Ctrl+Alt+C: Copy Ma ...

  5. SublimeText设置在浏览器打开 快捷键

    这里插入一下安装"view in browser"官方版的说明:(前提是得先安装package control插件) 1.通过"ctrl+shift+p"打开命 ...

  6. Sublime-text 自己定义快捷键攻略

    好吧.我承认今天非常悲剧,本来上午就写好了这篇博文,公布之后,在自己的博文里怎么也找不到. 所以如今又又一次写了一份.希望大家能顶一下吧...Nothing is better than your s ...

  7. 炫酷的sublimeText开发工具 快捷键总结

     sublimeText3绝对是写前端程序的利器.占内存小.启动快.代码提示功能齐全,界面酷炫并且再也不怕断电.了 网上搜罗一些快捷键总结一下.先来张图: (事实上sublimeText3也能够写 ...

  8. SublimeText 3 常见快捷键

      ·F12 跳转至预定义 ·F11 全屏模式 ·Ctrl+A 本文全选 ·Ctrl+F 打开底部搜索框,查找关键字. ·Ctrl+D 本文件选中光标选中的单词 ·Ctrl+L 选中光标所在一行 ·C ...

  9. SublimeText个性化快捷键设置

    一.光标跳出括号 在编写js函数的时候,输入函数名和括号的时候,要想光标跳出括号还得手动的按left键.离两个手的区域比较远,可自行配置 preferences - keys bindings - u ...

随机推荐

  1. 站点维护使用app_offline.htm页面提供友好的更新提示

    进行站点维护时为了以一个友好的方式提示给用户,比如什么“本网站正在更新”等等的信息可以建立一个叫app_offline.htm 的静态HTM页面文件,其中修改成你要临时显示的内容,将其放在你的应用的根 ...

  2. 临时对象与NRV技术

    <More Effective C++>中讲到,在C++中真正的临时对象是看不见的,它们不出现在你的源代码中.建立一个没有命名的非堆(non-heap)对象会产生临时对象,这种未命名的对象 ...

  3. 点击表格的单元格时实现变颜色,通过for循环为每个单元格添加一个onclick事件

    <title>无标题文档</title> <script type="text/javascript" language="javascri ...

  4. 【Oracle】-【COMMIT对索引的影响】-从trace看COMMIT对索引的影响

    之前看过老杨http://yangtingkun.itpub.net/post/468/231000的一篇文章,讲述了INSERT操作对全文索引无操作,但DELETE时为了防止删除的数据仍能通过索引的 ...

  5. 2014.3.4-C语言学习小结

    位操作: 知识点: 1.位运算符 2.位移运算符 1.将指定位设置为12.将指定位设置为03.获取指定位的内容 ==========================复习二进制 1.二进制转换 10-- ...

  6. Dynamicaly Typed(动态定型), Objective-C Runtime Programming

    Objective-C跟C最大的差别,应该是动态定型(dynamicaly typed),支持在运行时动态类型决议(dynamic typing),动态绑定(dynamic binding)以及动态装 ...

  7. (转)cin、cin.get()、cin.getline()、getline()、gets()等函数的用法

    学C++的时候,这几个输入函数弄的有点迷糊:这里做个小结,为了自己复习,也希望对后来者能有所帮助,如果有差错的地方还请各位多多指教(本文所有程序均通过VC 6.0运行)转载请保留作者信息:1.cin1 ...

  8. MongoDB学习之--安全和认证

    MongoDB学习之--安全和认证 本文主要介绍两部分内容,Mongodb的安全检查配置以及安全认证操作: 虽然确保系统安全是系统管理员的重要工作,但是作为程序员了解其机制也是大有好处的,毕竟不是每个 ...

  9. Attempted to lock an already-locked dir异常解决方法

    有时候因网络太慢或中断 就会出现这种锁定状态 Attempted to lock an already-locked dir svn: Working copy 'D:\MyEclipse\mypro ...

  10. jquery选择器之内容过滤选择器

    先写出DOM元素的HTML结构: <style type="text/css"> /*高亮显示*/ .highlight{ background-color: gray ...