答应我,别再使用 Ctrl+C\V 变量重命名 | VSCode快捷键推荐

1,898 阅读2分钟

前言

“整洁代码最重要的一环就是好的名字,所以我们会深思熟虑如何给函数、模块、变量和类命名,使它们能清晰地表明自己的功能和用法。
然而,很遗憾,命名是编程中最难的两件事之一。正因为如此,改名可能是最常用的重构手法,包括改变函数声明、变量改名、字段改名等。很多人经常不愿意给程序元素改名,觉得不值得费这个劲,但好的名字能节省未来用在猜谜上的大把时间”
--《重构2》

一个不好的命名往往蕴藏着设计问题,将不合理的命名进行修改在日常开发中是很常见的操作。不过通过观察,发现有很多同学使用Ctrl+C\V进行变量重名名操作,这样很容易犯错且效率不高(最主要的是不够酷!!),现代ide已经非常强大了,有很多更优雅的方式可以进行这一操作。工欲善其事必先利其器,借此查阅整理了VSCode相关的快捷键技巧,以供参考。

快捷键

重构相关

  • 变量重命名:f2

f2-1.gif

  • 快速修复:cmd+.

如:提取目标内容为局部变量

cmd-dot-1.gif

更多示例可以查看官网

光标

  • 多行同时编辑: option+cmd+↑、↓鼠标中键+滑动选择

option-click-1.gif

  • 同名元素同时修改:cmd+d

选中修改内容 => cmd+d, d点击几次则选择几个元素

cmd-d-1.gif

  • 指定位置插入光标option+click

cur-1.gif

基础编辑

  • 平移选中内容:option+↑

没用光标选中时默认移动当前行

option-up-1.gif

  • 折叠换行内容option+z

仅改变查看样式,当某些代码过长换行了,影响查看代码完整结构此方法很实用

option-z-1.gif

  • 其他
    • 整行内容注释掉:⌘ + /
    • 块内容注释掉:⌥+⇧+a
    • 折起展开当前块:⌥+⌘+[⌥+⌘+]
    • 向左或向右缩进:⌘+[⌘+]
    • 格式化文档:⌥+⇧+f

导航

  • 跳转文件:⌘+p

cmd+p.gif

  • 跳转下一个警告:f8

f8.gif

  • 编辑窗口中的文件切换:⌃+⇧+tab

如果编辑器打开的文件很多的时候此功能非常方便

shift-tab-ctrl.gif

编辑器管理

  • 快速分屏:⌘+\

cmd-.gif

  • 切换编辑器布局(横向\纵向): ⌥+⌘+0

option-cmd-0.gif

  • 切换光标所在编辑器窗口:⌘+1、2、3

窗口

  • 关闭当前文件:⌘+w

cmd+w.gif

  • 快速打开终端:⌃+`

open-close.gif

  • 将当前文件在新窗口打开:⌘+k o

注意: k是一起按,然后点击

两个窗口的编辑可以同步,在分屏时用此方法查看同一工程的文件很方便

new-window.gif

  • 非全屏模式下切换窗口: ⌘ + `
  • 开关侧边工具栏:⌘+b
  • 新建窗口:⇧+⌘+n
  • 禅模式,只有正在操作的代码:⌘+k z

参考文章

[1] VSCode快捷键官方文档-mac
[2] VSC官网-TS重构