• 欢迎访问新概念博客,研究javascript,css3,html5,nodejs,Ext js等技术研究,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入新概念博客

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

web开发工具 新概念 2年前 (2022-06-27) 1709次浏览 0个评论 扫描二维码

一个不好的命名往往蕴藏着设计问题,将不合理的命名进行修改在日常开发中是很常见的操作。不过通过观察,发现有很多同学使用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 重构

作者:新大陆的白风
链接:https://juejin.cn/post/7040486849755742244
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


新概念博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:别再使用 Ctrl+C\V 变量重命名 | VSCode快捷键推荐
喜欢 (17)
[新概念]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址