VS Code 快捷键完全攻略：从入门到精通
Visual Studio Code (VS Code) 凭借其强大的功能、丰富的插件生态系统以及轻量级的特性，已经成为众多开发者的首选代码编辑器。然而，要真正释放 VS Code 的全部潜力，熟练掌握其快捷键至关重要。快捷键不仅能显著提高编码效率，还能让你更加专注于代码逻辑，减少鼠标操作带来的干扰。
本文将带你深入探索 VS Code 的快捷键世界，从最常用的基本操作到高级技巧，帮助你从入门到精通，成为一名真正的 VS Code 快捷键大师。
一、基础操作快捷键：构建你的肌肉记忆
以下快捷键是每个 VS Code 用户都应该掌握的基础，就像编程语言的语法一样，它们是日常编码的基石。
-
文件操作：
Ctrl + N(Windows/Linux) /Cmd + N(macOS): 新建文件。这是快速创建新文件的最快捷方式。Ctrl + O(Windows/Linux) /Cmd + O(macOS): 打开文件。快速打开已存在的文件，省去在文件管理器中寻找的时间。Ctrl + S(Windows/Linux) /Cmd + S(macOS): 保存文件。随时保存你的工作，防止意外丢失。Ctrl + Shift + S(Windows/Linux) /Cmd + Shift + S(macOS): 另存为。将当前文件保存为不同的名称或位置。Ctrl + W(Windows/Linux) /Cmd + W(macOS): 关闭当前文件。快速关闭不需要的文件标签页，保持工作区的整洁。Ctrl + Shift + T(Windows/Linux) /Cmd + Shift + T(macOS): 重新打开最近关闭的文件。如果你不小心关闭了某个文件，这个快捷键能帮你快速找回。-
编辑操作：
-
Ctrl + Z(Windows/Linux) /Cmd + Z(macOS): 撤销。撤销上一步操作，快速回退到之前的状态。 Ctrl + Shift + Z(Windows/Linux) /Cmd + Shift + Z(macOS): 重做。撤销操作的反向操作，可以恢复被撤销的动作。Ctrl + X(Windows/Linux) /Cmd + X(macOS): 剪切。剪切选中的内容到剪贴板。Ctrl + C(Windows/Linux) /Cmd + C(macOS): 复制。复制选中的内容到剪贴板。Ctrl + V(Windows/Linux) /Cmd + V(macOS): 粘贴。将剪贴板的内容粘贴到当前位置。Ctrl + A(Windows/Linux) /Cmd + A(macOS): 全选。选中当前文件中的所有内容。Ctrl + F(Windows/Linux) /Cmd + F(macOS): 查找。在当前文件中查找指定的文本。Ctrl + H(Windows/Linux) /Cmd + Option + F(macOS): 替换。在当前文件中查找并替换指定的文本。-
光标操作：
-
Home: 将光标移动到当前行的开头。 End: 将光标移动到当前行的结尾。Ctrl + Home(Windows/Linux) /Cmd + Home(macOS): 将光标移动到文件的开头。Ctrl + End(Windows/Linux) /Cmd + End(macOS): 将光标移动到文件的结尾。Ctrl + 左/右箭头(Windows/Linux) /Cmd + 左/右箭头(macOS): 以单词为单位移动光标。Ctrl + Shift + 左/右箭头(Windows/Linux) /Cmd + Shift + 左/右箭头(macOS): 以单词为单位选中文本。Alt + 上/下箭头(Windows/Linux) /Option + 上/下箭头(macOS): 上下移动当前行。
二、高级编辑快捷键：提升你的编码效率
掌握了基础快捷键后，接下来学习一些高级编辑技巧，它们能显著提高你的编码效率，让你更加流畅地编写代码。
-
代码格式化：
Shift + Alt + F(Windows/Linux) /Shift + Option + F(macOS): 格式化代码。根据预设的格式化规则，自动调整代码的缩进、空格等，使代码更易读。需要安装相应的代码格式化插件 (例如 Prettier) 才能生效。-
多光标编辑：
-
Alt + 鼠标左键单击(Windows/Linux) /Option + 鼠标左键单击(macOS): 添加一个光标。在多个位置同时添加光标，可以同时编辑多行代码。 Ctrl + Alt + 上/下箭头(Windows/Linux) /Cmd + Option + 上/下箭头(macOS): 在上/下行添加光标。快速在多行代码的相同位置添加光标。Ctrl + D(Windows/Linux) /Cmd + D(macOS): 选择下一个匹配项。选中当前光标下的单词，然后按Ctrl + D或Cmd + D选择下一个相同的单词，实现批量编辑。-
代码折叠：
-
Ctrl + Shift + [(Windows/Linux) /Cmd + Shift + [(macOS): 折叠所有区域。折叠所有可以折叠的代码块，方便快速浏览代码结构。 Ctrl + Shift + ](Windows/Linux) /Cmd + Shift + ](macOS): 展开所有区域。展开所有被折叠的代码块。Ctrl + K Ctrl + 0(Windows/Linux) /Cmd + K Cmd + 0(macOS): 折叠所有最外层区域。将代码折叠到最顶层，只显示最外层的代码块。Ctrl + K Ctrl + J(Windows/Linux) /Cmd + K Cmd + J(macOS): 展开所有最外层区域。展开被Ctrl + K Ctrl + 0折叠的代码。-
代码注释：
-
Ctrl + /(Windows/Linux) /Cmd + /(macOS): 注释/取消注释当前行或选中的代码块。快速添加或移除单行注释。 Shift + Alt + A(Windows/Linux) /Shift + Option + A(macOS): 添加块注释。添加多行注释 (/* ... */)。-
查找和替换：
-
Ctrl + Shift + F(Windows/Linux) /Cmd + Shift + F(macOS): 在所有文件中查找。在整个项目目录中搜索指定的文本。 Ctrl + Shift + H(Windows/Linux) /Cmd + Shift + H(macOS): 在所有文件中替换。在整个项目目录中查找并替换指定的文本。-
代码提示和自动完成：
-
Ctrl + Space(Windows/Linux) /Cmd + Space(macOS): 触发代码提示。手动触发代码提示，即使没有自动弹出。 Tab: 自动完成代码提示。从代码提示列表中选择一个选项并自动完成。
三、导航快捷键：在代码中穿梭自如
在大型项目中，快速导航代码至关重要。以下快捷键能帮助你高效地在代码中穿梭，定位到你需要修改或查看的代码段。
-
跳转定义：
F12: 跳转到定义。跳转到光标下变量、函数、类等的定义处。Ctrl + 点击(Windows/Linux) /Cmd + 点击(macOS): 跳转到定义。与F12相同，更直观的跳转方式。Alt + F12: 查看定义。在当前编辑器中弹出一个窗口显示定义，无需跳转。-
跳转引用：
-
Shift + F12: 查找所有引用。查找光标下变量、函数、类等的所有引用位置。 -
文件和符号导航：
-
Ctrl + P(Windows/Linux) /Cmd + P(macOS): 快速打开文件。输入文件名的一部分即可快速找到并打开文件。 Ctrl + Shift + O(Windows/Linux) /Cmd + Shift + O(macOS): 快速打开符号。输入函数名、变量名等符号的一部分即可快速找到并跳转到定义处。Ctrl + G(Windows/Linux) /Cmd + G(macOS): 跳转到指定行。输入行号即可快速跳转到该行。-
历史记录：
-
Alt + 左/右箭头(Windows/Linux) /Cmd + 左/右箭头(macOS): 前进/后退。在编辑历史记录中前进或后退，可以快速返回之前编辑过的位置。 -
活动栏和视图：
-
Ctrl + Shift + E(Windows/Linux) /Cmd + Shift + E(macOS): 显示资源管理器。打开或关闭资源管理器视图。 Ctrl + Shift + F(Windows/Linux) /Cmd + Shift + F(macOS): 显示搜索。打开或关闭搜索视图。Ctrl + Shift + G(Windows/Linux) /Cmd + Shift + G(macOS): 显示源代码管理。打开或关闭源代码管理视图。Ctrl + Shift + D(Windows/Linux) /Cmd + Shift + D(macOS): 显示调试。打开或关闭调试视图。Ctrl + Shift + X(Windows/Linux) /Cmd + Shift + X(macOS): 显示扩展。打开或关闭扩展视图。
四、窗口和视图快捷键：打造你的专属工作区
VS Code 允许你灵活地组织窗口和视图，以下快捷键能帮助你更好地管理你的工作区，提高工作效率。
-
分屏编辑：
Ctrl + \(Windows/Linux) /Cmd + \(macOS): 分割编辑器。将当前编辑器窗口分割成左右两个窗口。Ctrl + 数字(Windows/Linux) /Cmd + 数字(macOS): 切换编辑器组。切换到指定编号的编辑器组。-
视图操作：
-
Ctrl + B(Windows/Linux) /Cmd + B(macOS): 切换侧边栏可见性。隐藏或显示侧边栏，扩大代码编辑区域。 Ctrl + J(Windows/Linux) /Cmd + J(macOS): 切换面板可见性。隐藏或显示底部面板，例如终端、问题、输出等。Ctrl + K Z(Windows/Linux) /Cmd + K Z(macOS): 进入 Zen Mode。进入禅模式，隐藏所有非必要的 UI 元素，让你专注于代码。Esc Esc: 退出 Zen Mode。
五、调试快捷键：高效定位 Bug
VS Code 强大的调试功能是其受欢迎的重要原因之一。以下快捷键能帮助你更加高效地调试代码，快速定位和解决 Bug。
-
调试控制：
F5: 启动/继续调试。启动调试会话或继续执行程序。Shift + F5: 停止调试。停止当前的调试会话。F10: 单步跳过。执行当前行，然后跳转到下一行。F11: 单步进入。如果当前行调用了函数，则进入该函数。Shift + F11: 单步跳出。从当前函数返回到调用该函数的位置。-
断点管理：
-
F9: 切换断点。在当前行添加或移除断点。
六、定制你的快捷键：打造专属的编码体验
VS Code 允许你自定义快捷键，你可以根据自己的习惯和需求，修改默认的快捷键，或者添加新的快捷键。
- 打开键盘快捷方式设置：
文件->首选项->键盘快捷方式(或者直接使用快捷键Ctrl + K Ctrl + S/Cmd + K Cmd + S). - 查找并修改快捷键： 在搜索框中输入你想修改的功能，例如 “格式化代码”，然后在搜索结果中找到对应的快捷键，双击即可修改。
- 添加自定义快捷键： 你可以修改
keybindings.json文件来添加更复杂的自定义快捷键。
七、插件和扩展的快捷键：扩展你的工具箱
许多 VS Code 插件和扩展也定义了自己的快捷键。在使用插件时，建议查阅插件的文档，了解其快捷键的使用方法。
八、练习与记忆：成为快捷键大师
熟练掌握快捷键的关键在于练习和记忆。以下是一些建议：
- 从常用快捷键开始： 先学习和掌握最常用的快捷键，例如文件操作、编辑操作等。
- 逐步增加： 在掌握了常用快捷键之后，逐步学习更高级的快捷键。
- 制作快捷键备忘单： 将常用的快捷键整理成备忘单，方便随时查阅。
- 坚持使用： 坚持在日常编码中使用快捷键，逐渐形成肌肉记忆。
- 使用快捷键提示插件： 安装一些快捷键提示插件，例如 “Key Promoter X”，可以帮助你记住快捷键。
总结
掌握 VS Code 快捷键是一个持续学习和实践的过程。通过本文的介绍，相信你已经对 VS Code 的快捷键有了全面的了解。 记住，熟练掌握快捷键能够极大地提升你的编码效率，让你更加专注于代码逻辑，成为一名真正的 VS Code 快捷键大师！ 开始练习并定制你的专属快捷键吧！