背景
曾几何时，vscode 已经成为了前端开发人不可或缺的开发工具。凭借微软大厂光环、简洁的界面、飞快的载入速度和优秀的插件市场，给自己攒下来很好的口碑
每个人都能自由的 diy 自己的编辑器，选择合适自己的插件
但是回过头来，vscode 作为一款功能强大的代码编辑器，我们真的有用好它吗？vscode 的快捷键我们又了解了多少呢？
今天就和大家一起来学习一下，这个有金手指一般的魅力，但是却常常被忽略的基础能力 --- vscode 快捷键
环境准备
- 下载并安装
vscode，版本信息
版本: 1.64.2 (user setup)
提交: f80445acd5a3dadef24aa209168452a3d97cc326
日期: 2022-02-09T22:02:28.252Z
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Windows_NT x64 10.0.19043
- 操作系统
Window10
开始学习
代码的编写，离不开增删改查，下面列举几个常见的场景进行学习
-
问题一：多次复制当前行
没有用快捷键之前
使用快捷键之后
-
问题二：选中任意代码块，复制第 1 行到第 33 行
没有使用快捷键之前
使用快捷键之后
-
问题三：当前行首尾单词修改
没有使用快捷之前
使用快捷键之后
-
问题四：同时修改多行
没有使用快捷之前
使用快捷键之后
-
问题五：多行跨行复制
没有使用快捷之前
使用快捷键之后
-
问题六：上下移动当前行
没有使用快捷之前
使用快捷键之后
快捷键总结
经过上述的 6 个问题，我们可以很明显的感受到快捷键的魅力
- 简单的快捷键就能达到事半功倍的效果
- 学会快捷键，对我们我们的开发提效有很大的帮助
- 还可以在同事面前秀一把
vscode 快捷键整体可以分为 11 大类，一一例举为
- 基础
- 编辑
- 导航
- 搜索和替换
- 多游标和选中
- 富文本编辑
- 编辑器管理
- 文件管理
- 显示
- Debug 调试
- 终端
而我们在问题 1-6 使用到快捷键就属于编辑和多游标这两个最常用分类，快捷键的组合让操作更加酷炫。
大家可以根据这张图片来找到自己想要的快捷键，解决自己的需求
当然有图片，也要留个种子
大家可以根据这张截图标注的路径
帮助--键盘快捷方式参考或者组合快捷键Ctrl+K Ctrl+R，来拿到这个官方的 vscode 快捷键大全链接
楼主在各位大佬面前耍大刀，给大家简单翻译一下 😁
快捷键中文翻译
基础
| 快捷键 | 作用 |
|---|---|
| Ctrl+Shift+P, F1 | 显示命令面板 |
| Ctrl+P | 快速打开，进入文件... |
| Ctrl+Shift+N | 新窗口 |
| Ctrl+Shift+W | 关闭窗口/实例 |
| Ctrl+, | 用户设置 |
| Ctrl+K Ctrl+S | 键盘快捷方式 |
编辑
| 快捷键 | 作用 |
|---|---|
| Ctrl+X | 剪切线（空选择） |
| Ctrl+C | 复制行（空选择） |
| Alt+ ↑ / ↓ | 向上/向下移动行 |
| Shift+Alt + ↓ / ↑ | 向上/向下复制行 |
| Ctrl+Shift+K | 删除行 |
| Ctrl+Enter | 在下面插入行 |
| Ctrl+Shift+Enter | 在上面插入行 |
| Ctrl+Shift+\ | 跳转到匹配的支架 |
| Ctrl+] / [ | 缩进/往后行 |
| Home / End | 转到行的开始/结束位置 |
| Ctrl+Home | 请转到文件的开头部分 |
| Ctrl+End | 转到文件的末尾 |
| Ctrl+↑ / ↓ | 上/下移动行 |
| Alt+PgUp / PgDn | 上/下一页 |
| Ctrl+Shift+[ | 折叠（坍塌）区域 |
| Ctrl+Shift+] | 展开（坍塌）区域 |
| Ctrl+K Ctrl+[ | 折叠（折叠）所有子区域 |
| Ctrl+K Ctrl+] | 展开（折叠）所有子区域 |
| Ctrl+K Ctrl+0 | 折叠所有（坍塌）区域 |
| Ctrl+K Ctrl+J | 展开所有（坍塌）区域 |
| Ctrl+K Ctrl+C | 添加行注释 |
| Ctrl+K Ctrl+U | 删除行注释 |
| Ctrl+/ | 切换行注释 |
| Shift+Alt+A | 切换块注释 |
| Alt+Z | 切换单词包装 |
导航
| 快捷键 | 作用 |
|---|---|
| Ctrl+T | 显示所有符号 |
| Ctrl+G | 转到行... |
| Ctrl+P | 转到文件... |
| Ctrl+Shift+O | 转到符号... |
| Ctrl+Shift+M | 显示问题窗口 |
| F8 | 转到下一个错误或警告 |
| Shift+F8 | 转到之前的错误或警告 |
| Ctrl+Shift+Tab | 导航编辑器组历史记录 |
| Alt+ ← / → | 向后/前走 |
| Ctrl+M | 切换选项卡移动焦点 |
搜索和替换
| 快捷键 | 作用 |
|---|---|
| Ctrl+F | 搜索 |
| Ctrl+H | 替换 |
| F3 / Shift+F3 | 寻找下一个/上一个 |
| Alt+Enter | 选择“查找匹配项”的所有出现情况 |
| Ctrl+D | 将选择添加到下一个查找匹配项 |
| Ctrl+K Ctrl+D | 将最后一个选择移到下一个查找匹配项 |
| Alt+C / R / W | 切换区分大小写/正则表达式/整个单词 |
多光标和多选
| 快捷键 | 作用 |
|---|---|
| Alt+Click | 插入光标 |
| Ctrl+Alt+ ↑ / ↓ | 往上/下插入光标 |
| Ctrl+U | 撤消上次光标操作 |
| Shift+Alt+I | 在每一行的末尾插入光标 |
| Ctrl+L | 选择当前行 |
| Ctrl+Shift+L | 选择当前选择的所有出现的事件 |
| Ctrl+F2 | 选择当前单词的所有出现次数 |
| Shift+Alt+→ | 展开选择 |
| Shift+Alt+← | 收起选择 |
| Shift+Alt + (drag mouse) | 列（框）选择 |
| Ctrl+Shift+Alt (arrow key) | 列（框）选择 |
| Ctrl+Shift+Alt+PgUp/PgDn | 列（框）选择页面上/下 |
丰富的语言编辑
| 快捷键 | 作用 |
|---|---|
| Ctrl+Space, Ctrl+I | 触发建议 |
| Ctrl+Shift+Space | 触发行参提示 |
| Shift+Alt+F | 格式化整个文档 |
| Ctrl+K Ctrl+F | 格式化选中区域 |
| F12 | 转到定义 |
| Alt+F12 | 窥视定义 |
| Ctrl+K F12 | 打开定义到侧边窗口 |
| Ctrl+. | 快速修复 |
| Shift+F12 | 显示引用 |
| F2 | 重命名 |
| Ctrl+K Ctrl+X | 修剪拖动空白 |
| Ctrl+K M | 更改文件语言 |
编辑器管理
| 快捷键 | 作用 |
|---|---|
| Ctrl+F4, Ctrl+W | 关闭编辑器 |
| Ctrl+K F | 关闭文件夹 |
| Ctrl+\ | 拆分编辑器 |
| Ctrl+ 1 / 2 / 3 | 专注到第一、第二或第三个编辑组 |
| Ctrl+K Ctrl+ ←/→ | 聚焦到前一个/下一个编辑器组中 |
| Ctrl+Shift+PgUp / PgDn | 向左/向右移动编辑器 |
| Ctrl+K ← / → | 移动活动的编辑器组 |
文件管理
| 快捷键 | 作用 |
|---|---|
| Ctrl+N | 新建文件 |
| Ctrl+O | 打开文件... |
| Ctrl+S | 保存 |
| Ctrl+Shift+S | 保存为... |
| Ctrl+K S | 保存所有 |
| Ctrl+F4 | 关闭 |
| Ctrl+K Ctrl+W | 关闭所有 |
| Ctrl+Shift+T | 重新打开关闭的编辑器 |
| Ctrl+K Enter | 保持预览模式编辑器的打开状态 |
| Ctrl+Tab | 打开下一个 |
| Ctrl+Shift+Tab | 打开上一个 |
| Ctrl+K P | 活动文件的复制路径 |
| Ctrl+K R | 在资源管理器中显示活动文件 |
| Ctrl+K O | 在新窗口/实例中显示活动文件 |
显示
| 快捷键 | 作用 |
|---|---|
| F11 | 切换全屏 |
| Shift+Alt+0 | 切换编辑器布局（水平/垂直） |
| Ctrl+ = / - | 放大/缩小 |
| Ctrl+B Toggle | 切换侧边栏可见性 |
| Ctrl+Shift+E | 显示资源管理器/切换焦点 |
| Ctrl+Shift+F | 显示搜索 |
| Ctrl+Shift+G | 显示源代码管理 |
| Ctrl+Shift+D | 显示调试 |
| Ctrl+Shift+X | 显示扩展 |
| Ctrl+Shift+H | 替换为文件 |
| Ctrl+Shift+J | 切换搜索详细信息 |
| Ctrl+Shift+U | 显示输出面板 |
| Ctrl+Shift+V | 打开 Markdown 预览 |
| Ctrl+K V | 打开 Markdown 预览到侧边窗口 |
| Ctrl+K Z | Zen 模式（EscEsc 将退出） |
调试
| 快捷键 | 作用 |
|---|---|
| F9 | 切换断点 |
| F5 | 开始/继续 |
| Shift+F5 | 暂停 |
| F11 / Shift+F11 | 跳入/出 |
| F10 | 跳过 |
| Ctrl+K Ctrl+I | 显示悬停 |
综合终端
| 快捷键 | 作用 |
|---|---|
| Ctrl+` | 显示集成终端 |
| Ctrl+Shift+` | 创建新终端 |
| Ctrl+C | 复制选择 |
| Ctrl+V | 粘贴到活动的终端 |
| Ctrl+↑ / ↓ | 上下滚动 |
| Shift+PgUp / PgDn | 上下滚动页面 |
| Ctrl+Home / End | 滚动到顶部/底部 |
快捷键插件
不知道大家有没有在自己的 vscode 安装自己习惯的快捷键插件哈，安装了的同学，应该比较了解了
下面给大家简单介绍一下这几个常见的编辑器的快捷键插件
| 快捷键插件 | 详情 |
|---|---|
| Jupyter Keymap | |
| Sublime Text Keymap and Settings Importer | |
| Sublime Text Keymap and Settings Importer | |
| NotePad++ keymap | |
| Visual Studio Keymap |
楼主一直使用的是NotePad++ keymap插件，好用得不亦说乎。大家可以根据自己的习惯进行安装
最后
楼主从六个在开发中遇到的问题入手，从增删改查进步到批量地增删改查，让大家感受使用快捷键带来的效率提升
文章篇幅有限，楼主无法一一给大家制作GIF展示所有的快捷键，非常抱歉。
如果你看完本篇文章，让你内心中发出了“哇”的一声，那我想这已经激发了你学习 vscode 快捷键的兴趣，那我的目的也就达到了
最后，好好学习不会差！我是970😎，咱们一起进步
