在业务开发过程中,我们可以通过编辑器提供的一些键盘快捷方式来提升开发效率,本文主要针对mac环境下vscode的快捷键 (默认快捷键,如有改键可能会冲突) 进行归纳,以及适当的场景分析,来说明如何提效。
个人认为,快捷键其实不需要死记硬背,应该是培养手感,熟能生巧,就跟打字一样,相信大部分人打字现在应该不会把注意力放在键盘上面,有时候可能脑袋还没想好应该敲哪些键,但是手已经打出来了。长时间的使用,会培养出肌肉记忆,通过肌肉记忆再次提升我们的效率。
本文针对快捷键做了一些分类,同时配上效果图加深印象,以及部分的场景分析,来说明一些快捷键的使用场景,因为有些缺失场景会让大家觉得不一定好用。比如我常用cmd + X剪切功能来处理删除逻辑,但是当剪切板已经有了之前的代码,后面想再次删除的时候,这个时候再用cmd + X,会覆盖之前剪切板的内容,此时可使用cmd + shift + K,来完成删除,剪切板不会被覆盖。
光标类
移动光标到( 开头 | 结尾 | 行首 | 行尾 )
cmd + [↑|↓|←|→]
复制代码
使用此快捷键可减少鼠标的点动次数,提升编码流畅度,且熟练使用后,效率比鼠标更快。
在行上下添加光标
cmd + opt + [↑|↓]
复制代码
如上所示,做此类操作时,使用该方法的效率明显高于一个个进行修改,前提是所修改之处须有共同点,否则建议使用鼠标点击,下文会讲述。
指定位置添加多光标
opt + 鼠标左键
复制代码
对应上面行上下添加光标,此方法在更适合无规律场景。
选择光标至( 开头 | 结尾 | 行首 | 行尾 )的内容
cmd + shift + [↑|↓|←|→]
复制代码
可脱离鼠标进行文本选择,在行选中等情况中优势较为明显,但如果想选中整行,但光标并不在开头或结尾处,使用下文中逐个选择会更方便。*
逐个选择
control + shift + [←|→]
复制代码
在文本中选择更为适用,选择整行抑或是选择字符串内容时效率更高。
单词逐个匹配(不区分大小写)并尾部跟随光标
cmd + D
复制代码
此方法在当前位置选择以后的情况更为适用,如果需要选择当前文件所有的,使用下面的全文匹配更为快捷,但是如上示例中,前面的无需修改时,此方法更为适用。
单词当前页全文匹配(不区分大小写)尾部跟随光标
cmd + shift + L
复制代码
适用于当前页面全部修改,该方法忽略大小写。
单词删除
opt + delete
复制代码
与普通删除相比,该方法可更快捷进行删除(毕竟会少按次删除键),若删除整行,可选择cmd + X或cmd + shift + k。此方法在命令行也适用。
在{}中光标跳跃
cmd + shift + \
复制代码
该方法在方法代码过多时便于查阅当前函数内容,大家也可选择vscode插件来明晰括号,在查阅方面,效率应该更高。
前面添加行,且光标移动至行首
cmd + shift + 回车
复制代码
可能很多时候都是用的方式是回到上一行末尾,然后回车,此方法在上下行长短差异较大时效率更为明显。简称前回车。
文本类
行(上下)复制
shift + opt + [↑|↓]
复制代码
相对于平时的方法,此方法操作次数更少。常规操作,行选择、行复制、回车、粘贴。
行(上下)移动
opt + [↑|↓]
复制代码
与上面同理,常规操作,剪切当前行、光标移动到上上行、回车、粘贴。或使用上面的前回车减少一步操作。
行删除
cmd + shift + K
复制代码
大家平时可能比较常用的是cmd + X剪切,但是如果剪切板已有内容,需要删除整行的时候,该方法优势就会出来,可避免剪切板内容被覆盖,达到效果。当然,如果光标处于行末尾时,也可以使用cmd + delete完成此操作
行注释
cmd + /
复制代码
该方法应该大多数人都是这样用的,如果没这样用的话,可以get此方法,写在这里主要是为了与下边块注释进行比较。
块注释
shift + opt + A
复制代码
与行注释相比,想要注释的内容在行中间时,行数值方法就不太适用了。该方法效率就展现出来了,比手动输入/* */要快捷许多。
自动换行【只用作显示,不影响实际代码】
opt + Z
复制代码
该方法换行只用于显示,并不会更改原文本,在阅读过长内容时,很方便。
保存所有文件(编辑过但未保存的文件)
cmd + opt + S
复制代码
不需要单独的再次打开每个未保存页面,可直接进行全部保存。只是大家可能都养成了习惯,写完以后习惯性的cmd + S进行保存,此方法可能并未很实用。
回到光标的上一个位置
control + '-'
复制代码
此方法在查看库的时候比较有用。想查看方法定义的地方可** cmd + 左键 **,但是在同一个文件的时候,内容过长,想继续看的时候,回不到上一个位置就很麻烦,该方法此时就很管用了。
视图类
打开新的编辑器(window)
cmd + shift + N
复制代码
vscode的文件选择new window的快捷键。
打开新的项目
cmd + O
复制代码
vscode的文件选择open。
新建文件
cmd + N
复制代码
在当前文件同级创建一个新的文件,首行输入可用于文件名,也可进行修改。可省去在左侧找到右键创建。
将当前文件另存为
cmd + shift + S
复制代码
跟上面的cmd + N有关联,上述方法会在当前文件所在同级目录保存,此方法可进行修改,目标一次鼠标移动文件。
关闭当前文件窗口 | 打开之前关闭的文件
cmd + W | cmd + shift + T
复制代码
有时候文件窗口不需要的时候可直接通过cmd + W进行关闭,但是有时候会误关闭还需要窗口,文件目录比较多的时候,尤其是在node_modules里面,再次查找很麻烦,此时可使用cmd + shift + T恢复。
打开命令行
control + ~
复制代码
会在vscode中打开当前根目录所对应的命令行,可省去查找路径的时间。如果想在自带的命令行中打开,可直接针对根目录操作**cmd + shift + C **。
将当前文件移动到新的分组
cmd + control + (←|→)
复制代码
在切图的时候很实用的功能,左边结构右边样式,之前的操作是vscode右上角的在侧边打开功能,但是会在左边还留存一个,需要再关闭这个,该方法可直接将其移动到右侧,←可进行撤销。
左边栏显示/隐藏
cmd + b
复制代码
有时候屏幕不够的时候,侧边栏很占地方,可进行关闭,常用的可能是点击左上角的文件icon进行折叠,此方法更快捷,无需鼠标操作。
查找文件,并打开
cmd + P
复制代码
文件查找的快捷方式,但是该方法不支持目录搜索,如果想进行目录搜索,在直接将热区归位至左侧目录,然后直接进行输入查找。
在当前组内选择并打开文件 tab进行选择,松开即打开
control + tab
复制代码
类似window的应用切换,也跟chrome的标签页切换一样,当需要进行文件切换时,可不再使用鼠标。
输入行号,跳转到当前打开文件对应的行数
control + G
复制代码
直接跳转到对应的行,可配合cmd + P查找文件,然后control + G找到对应的代码。
搜索类
全局搜索
cmd + shift + F
复制代码
搜索支持正则匹配,再替换的时候效果更为显著。
全局替换
cmd + shift + H
复制代码
上述的示例可能会觉得直接将
@/hooks
直接替换为@dian/hooks
即可,确实是这样,但是如果要对其中的方法进行过滤时,替换尾部就不好解决了。此时可在正则中进行过滤。此方法也可进行预览,来实时查看是否正则满足条件。
鼠标问题
鼠标点击问题
鼠标单击:光标移动至点击位置
鼠标双击:选中单词
鼠标三击:选择整行
鼠标四击:选择全部
鼠标左侧文件选择
鼠标单击选择:右侧打开文件窗口,顶部title文本为斜体,再次单击其他文件时,会替换当前打开tab
鼠标双击选择:右侧新打开文件窗口tab,顶部title为正常体,再次双击其他文件时,会再次新建文件tab窗口
option + 鼠标单击|双击,与上面操作类似,只是打开的文件会直接被放入右侧组内
最后
如果文中有错误的地方,欢迎评论指出~
gif录制质量可能偏差,请大家见谅
也希望大家可以提供更多好用的快捷键来加速我们coding!