vscode键指如飞攻略之行云流水操作文件

565 阅读6分钟

背景

vscode 作为前端开发的主力编辑器,平常最基本的操作就是在项目内创建文件夹和文件来组织项目目录,相信大多数人创建文件夹和文件的方式都是通过鼠标点击左侧的资源管理器,选中某一文件夹右键唤出菜单,再选择“新建文件”或“新建文件夹”,如果是在项目的根目录下创建文件,还需要点击资源管理器的空白区域,才能在根目录创建。

这个流程看似没什么问题,但是如果仔细思考一下,就会觉得流程太繁琐了,要频繁的切换键盘和点击之间的操作。如果是笔记本电脑,用的是触控板操作,那么这个切换的成本还小点,如果是外接鼠标,那么从敲键盘改为切换到去拿鼠标执行点击操作,真的非常的影响效率。

想想看,本来双手正在键盘上,然后此时要创建一个新的文件,需要右手先去拿鼠标,然后鼠标光标移到资源管理去,目光寻找相应目录,鼠标选中这个文件,再点击右键,再去选择新建文件的操作,这个时候双手再回到键盘上,给文件起名字,这一套流程下来至少需要 3~5s 的时间,那么有没有办法优化这个创建文件的流程,提高创建文件的速度呢?

答案当然是有的,稍微思考下就知道如果能够全键盘操作这一套流程自然是最快的,双手不离键盘就实现文件夹和文件的管理,而 vscode 作为宇宙第一编辑器,自然是提倡全键盘操作的,因为这样可以让效率最大化,下面我就详细说下,如何在 vscode 内实现无鼠标操作创建文件和文件夹,让你获得行云流水般的管理文件体验。

达成无鼠标在 vscode 内操作文件需要两个前置条件:

  • 自定义系统服务快速操作快捷键
  • 自定义 vscode 的创建文件和文件夹的快捷键

下面细说这两个条件如何做到

自定义系统服务快速操作快捷键

自定义系统服务快速操作快捷键是指在 mac 上通过快捷键来实现任意文件或文件夹的用 vscode 打开,因为既然是用无鼠标操作 vscode 内文件,那么我们将一个文件夹用 vscode 打开肯定也是不用通过点击的方式,而是完全键盘操作,这样才算是一整套的无鼠标操作。具体的实现方式可以参照我之前的两篇文章

看完这两篇文章就能实现在 mac 系统上在任意目录打开终端,对任意文件或文件夹执行快捷键来让 vscode 打开。

自定义 vscode 的创建文件和文件夹的快捷键

vscode 默认是没有设置新建文件夹和新建文件(⌘+n不算)的快捷键的,所需我们需要自定义vscode 的快捷键,在 vscode 中,通过⌘+⇧+p调出显示所有命令窗口,搜索文件,找到“文件:新建文件夹”选项。

因为 vscode 已经有了创建文件和创建窗口的快捷键,分别是⌘+n⌘+⇧+n,所以我就把新建文件夹设置为了⌘+⌃+n :

再说创建文件的快捷键,系统自带的⌘+n创建文件是打开一个弹窗执行创建,需要手动选择保存的文件夹,不方便,也不符合无鼠标点击操作的原则,舍弃不用,使用另外一个创建文件的方式,需要自定义,找到前一个搜索项里的 “文件:新建文件”,绑定键⌘+⌥+n

完成以上两个自定义快捷键的设置,下面就可以实践一套无鼠标点击操控 mac 来打开 vscode 并操作文件,执行对文件的增删改查。

无鼠标操作流程

1、 通过访达快捷键⌘ + ⇧ + D打开访达桌面

2、 通过访达快捷键⌘ + ⇧ + N新建文件夹,并在聚焦状态下起个名字

3、 通过自定义快速操作快捷键⌃+ ⌥ + v用 vscode 打开这个文件夹

4、 vscode 内无鼠标创建文件

通过 vscode 快捷键⌘ + ⇧ + E将焦点聚焦到资源管理,通过 vscode 自定义快捷键⌘+⌃+N在 test 文件夹的根目录新建文件夹 foo,此时焦点 在 foo 文件夹,通过vscode 自定义快捷键⌘+⌥+N来新建文件 foo.vue,此时焦点会聚焦到编辑区。

这样就完成了一个正向的通过快捷键打开 vscode,并创建文件和文件夹。

如果需要继续再创建文件,那么通过⌘ + ⇧ + E将焦点回到聚焦资源管理器,此时焦点回在资源管理器的foo.vue上,通过⌘+⌥+N来继续新建文件。

如果想要创建文件夹分两种情况,如果是创建子文件夹,那么直接通过⌘+⌃+N来新建文件夹,如果想创建同级文件夹,那么需要先通过 esc 将焦点回到资源管理上,再通过⌘+⌃+N来新建文件夹:

不同文件或文件夹的导航

通过⌘ + ⇧ + E将焦点聚焦到资源管理器,通过上下方向键就可以在不同的文件夹切换焦点,使用左右方向键展开或折叠文件夹,这样文件夹内的文件就可以被访问,此时继续通过上下方向键就可以访问文件夹内的文件,通过⌘+↓就可以访问指定文件,使得焦点进入到文件编辑区。

如果文件夹较多,在焦点在资源管理器的情况在输入文件的名称即可匹配对应文件夹,使得焦点聚焦到该文件夹。

小结

如果你能跟着我这篇文章实践下来,那么你通过 mac 来进行开发的效率必然能更上一层楼,从传统的点击选择创建文件耗时 3~5 秒缩减到全键盘快捷键操作秒级创建文件。

让你键指如飞, 体验行云流水般的创建文件,全程不需要触摸鼠标,真正实现全键盘操作。

还不快马上试一试来纵享丝滑?