Visual Studio Code 常用的快捷键

在这里插入图片描述

一、概述

1.1 引言

  做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键方便大家学习与记忆。首先我们进入vscode的时候,在默认界面中就会看到快捷键,这些都是软件中定义的。如下所示:

在这里插入图片描述

  当我们点击文件下面的首选项-点击键盘快捷方式,然后就能在右侧看到软件所有的快捷方式定义了,如下图所示:

在这里插入图片描述

1.2 修改快捷键

如果你对于内置默认的快捷键不太满意的话,想要想要修改的默认快捷键,如下操作:

  1. 在输入框内输入自己想要修改的默认快捷键,例如ctrl+s

在这里插入图片描述
2. 按下图操作即可。
在这里插入图片描述

1.3 查询未知的快捷键

  首先键入⇧ ⌘ P,之后出现如图所示的界面,我们在这里面输入对应关键字“调试”,可以快速搜索你需要使用到快捷键:
在这里插入图片描述

二、常用快捷键

2.1 普通

Windows 快捷键Mac 快捷键说明
Ctrl+Shift+P,F1⇧⌘P, F1显示命令面板
Ctrl+P⌘P输入要打开的文件名,快速打开文件
Ctrl+Shift+N⇧⌘N打开新窗口/实例。再启动一个Vscode,同时做两个项目可以使用
Ctrl+Shift+W⌘W关闭新窗口/实例
Ctrl+,⌘,用户设置
Ctrl+K Ctrl+S⌘K ⌘S显示所有快捷键

2.2 基本编辑

Windows 快捷键Mac 快捷键说明
Ctrl+X⌘X剪切行(空选定)
Ctrl+C⌘C复制行(空选定)
Alt+ ↑ / ↓⌥↓ / ⌥↑向上/向下移动行
Shift+Alt + ↓ / ↑⇧⌥↓ / ⇧⌥↑向上/向下复制行
Ctrl+Shift+K⇧⌘K直接删除行
Ctrl+Enter⌘Enter在当前输入行的下面插入一行
Ctrl+Shift+Enter⇧⌘Enter在当前输入行的上面插入一行
Ctrl+Shift+\⇧⌘\跳转到匹配的标签
Ctrl+] / [⌘] / ⌘[缩进取消缩进,注意中间那个]中间的斜杠不需要按
Home / EndHome / End转到行首/转到行尾
Ctrl+Home⌘↑跳转至文件开始处
Ctrl+End⌘↓跳转到文件结尾处
Ctrl+↑ / ↓⌃PgUp / ⌃PgDn向上/向下滚动一行
Alt+PgUp / PgDn⌘PgUp /⌘PgDn向上/向下滚动页面
Ctrl+Shift+[⌥⌘[收起当前代码块
Ctrl+Shift+]⌥⌘]打开当前代码块
Ctrl+K Ctrl+[⌘K ⌘[收起所有代码块
Ctrl+K Ctrl+]⌘K ⌘]打开所有代码块
Ctrl+K Ctrl+0⌘K ⌘0收起所有。0 级代码块,还有 1~9 级
Ctrl+K Ctrl+J⌘K ⌘J打开所有代码块
Ctrl+K Ctrl+C⌘K ⌘C添加行注释
Ctrl+K Ctrl+U⌘K ⌘U删除行注释
Ctrl+/⌘/切分编辑窗口
Shift+Alt+A⇧⌥A添加块级注释
Alt+Z⌥Z切换自动换行,效果同 ctrl+z

2.3 导航

Windows 快捷键Mac 快捷键说明
Ctrl+T⌘T搜索文件,输入标记搜索文件标记,效果同 ctrl+p
Ctrl+G⌃G跳转到指定行
Ctrl+P⌘P快速切换文件
Ctrl+Shift+O⇧⌘O转到符号
Ctrl+Shift+M⇧⌘M显示问题面板
F8F8转到下一个错误或警告
Shift+F8⇧F8转到上一个错误或警告
Ctrl+Shift+Tab⌃⇧Tab导航编辑器组历史记录
Alt+ ← / →⌃- / ⌃⇧-返回/前进
Ctrl+M⌃⇧M切换选项卡移动焦点

2.4 查找和替换

Windows 快捷键Mac 快捷键说明
Ctrl+F⌘F全文搜索
Ctrl+H⌥⌘F替换
F3 / Shift+F3⌘G / ⇧⌘G查找下一个/上一个
Alt+Enter⌥Enter选择查找匹配的所有出
Ctrl+D⌘D先选择或搜索需要修改的内容,然后按下该快捷键,会选择第一个匹配的内容,
再按一次,会追加下一个匹配的内容,直到选择完你需要修改的内容,然后对其进行修改,
就相当于对所有选中的内容进行修改
Ctrl+K Ctrl+D⌘K ⌘D将最后一个选择移至下一个查找匹配项
Alt+C / R / W切换区分大小写/正则表达式/整个词

2.5 键鼠多选

Windows 快捷键Mac 快捷键说明
Alt +单击⌥ + 单击插入光标
Ctrl+Alt+ ↑ / ↓⌥⌘↑/⌥⌘↓在上/下插入光标
Ctrl+U⌘U撤消上一个操作
Shift+Alt+I⇧⌥I在选定的每一行的末尾插入光标
Ctrl+L⌘L选择当前行
Ctrl+Shift+L⇧⌘L选中当前选中的所有匹配
Ctrl+F2⌘F2选中当前单词的所有匹配
Shift+Alt+→⌃⇧⌘→扩大选择,效果不如单词选择或者整行选择
Shift+Alt+←⌃⇧⌘ ←缩小选择
Ctrl+Shift+Alt+PgUp/PgDn⇧⌥⌘PgUp/⇧⌥⌘PgDn就近选择一页

2.6 丰富语言编辑器

Windows 快捷键Mac 快捷键说明
Ctrl+Space, Ctrl+I⌃Space, ⌘I触发建议
Ctrl+Shift+Space⇧⌘Space触发参数提示
Shift+Alt+F⇧⌥F根据配置的设置格式化当前文档
Ctrl+K Ctrl+F⌘K ⌘F对选中内容进行格式化
F12F12转到定义
Alt+F12⌥F12查看定义
Ctrl+K F12⌘K F12打开定义到边
Ctrl+.⌘.快速解决
Shift+F12⇧F12显示引用
F2F2重命名符号
Ctrl+K Ctrl+X⌘K ⌘X裁剪尾随空格
Ctrl+K M⌘K M切换文件语言

2.7 编辑器管理

Windows 快捷键Mac 快捷键说明
Ctrl+F4, Ctrl+W⌘W关闭编辑器
Ctrl+K F⌘K F关闭窗口回到初始界面
Ctrl+\⌘\拆分编辑器
Ctrl+ 1 / 2 / 3⌘1 / ⌘2 / ⌘3聚焦到第1,第2或第3编辑器组
Ctrl+K Ctr+ ←/ Ctr+→⌘K ⌘← / ⌘K ⌘→聚焦到上一个/下一个编辑器组
Ctrl+Shift+PgUp / PgDn⌘K ⇧⌘← / ⌘K ⇧⌘→向左/右移动编辑区
Ctrl+K ← / →⌘K ← / ⌘K →向左/右移动编辑器组

2.8 文件管理

Windows 快捷键Mac 快捷键说明
Ctrl+N⌘N新文件
Ctrl+O⌘O打开文件
Ctrl+S⌘S保存
Ctrl+Shift+S⇧⌘S另存为…
Ctrl+K S⌥⌘S全部保存
Ctrl+F4⌘W关闭
Ctrl+K Ctrl+W⌘K ⌘W关闭所有
Ctrl+Shift+T⇧⌘T重新打开关闭的编辑器
Ctrl+K Enter⌘K Enter输入保持打开
Ctrl+Tab⌃Tab快速切换到上一个文件
Ctrl+Shift+Tab⌃⇧Tab快速切换到下一个文件
Ctrl+K P⌘K P复制活动文件的路径
Ctrl+K R⌘K R显示资源管理器中的活动文件
Ctrl+K O⌘K O当前文件在新窗口中打开

2.9 显示

Windows 快捷键Mac 快捷键说明
F11⌃⌘F切换全屏
Shift+Alt+0⌥⌘0切换编辑器布局
Ctrl+ = / -⌘= / ⇧⌘-放大/缩小
Ctrl+B⌘B切换侧栏可见性
Ctrl+Shift+E⇧⌘E显示浏览器/切换焦点
Ctrl+Shift+F⇧⌘F在项目目录中的所有文件中搜索任何匹配的文本
Ctrl+Shift+G⌃⇧G显示源代码管理
Ctrl+Shift+D⇧⌘D显示调试
Ctrl+Shift+X⇧⌘X显示扩展
Ctrl+Shift+H⇧⌘H替换文件
Ctrl+Shift+J⇧⌘J切换搜索详细信息
Ctrl+Shift+U⇧⌘U显示输出面板
Ctrl+Shift+V⇧⌘V切换Markdown预览
Ctrl+K V⌘K V从旁边打开Markdown预览
Ctrl+K Z⌘K ZZen Mode (Esc Esc to exit)

2.10 调试

Windows 快捷键Mac 快捷键说明
F9F9打开和停止调试断点
F5F5启动调试/继续
Shift+F5⇧F5停止调试
F11F11单步执行
Shift+F11⇧F11单步跳出
F10F10单步跳过
Ctrl+K Ctrl+I⌘K ⌘I显示悬停

调试的具体页面如图所示

在这里插入图片描述

2.11 集成终端

Windows 快捷键Mac 快捷键说明
Ctrl+| ⌃⌃`显示集成终端
Ctrl+Shift+| ⌃⇧⌃⇧`创建新终端
Ctrl+C⌘C复制选定
Ctrl+V粘贴到活动端子
Ctrl+↑ / ↓⌘↑ / ↓向上/向下滚动
Shift+PgUp / PgDnPgUp / PgDn向上/向下滚动页面
Ctrl+Home / End⌘Home / End滚动到顶部/底部
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

独泪了无痕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值