VSCode Which Key 扩展教程

VSCode Which Key 扩展教程

vscode-which-keywhich-key like menu for Visual Studio Code项目地址:https://gitcode.com/gh_mirrors/vs/vscode-which-key

项目介绍

VSCode Which Key 是一个 Visual Studio Code 扩展，旨在提供类似于 Vim 的 Which Key 菜单功能。这个扩展允许用户通过按键触发一个菜单，显示所有可用的快捷键和命令，从而提高开发效率和操作便捷性。

项目快速启动

安装扩展

1. 打开 Visual Studio Code。
2. 进入扩展市场，搜索 "Which Key"。
3. 点击安装。

配置扩展

如果你使用 VSCode Vim

1. 打开设置文件 settings.json：

   • 使用快捷键 Ctrl+Shift+P 或 Cmd+Shift+P 打开命令面板。
   • 输入 Preferences: Open Settings (JSON) 并选择。

2. 添加以下配置：

   "vim.normalModeKeyBindingsNonRecursive": [
       {
           "before": ["<space>"],
           "commands": ["whichkey.show"]
       }
   ],
   "vim.visualModeKeyBindingsNonRecursive": [
       {
           "before": ["<space>"],
           "commands": ["whichkey.show"]
       }
   ]
   

如果你不使用 VSCode Vim

1. 打开键盘快捷键配置文件 keybindings.json：

   • 使用快捷键 Ctrl+Shift+P 或 Cmd+Shift+P 打开命令面板。
   • 输入 Preferences: Open Keyboard Shortcuts (JSON) 并选择。

2. 添加以下配置：

   {
       "key": "alt+space",
       "command": "whichkey.show",
       "when": "editorTextFocus"
   }
   

应用案例和最佳实践

应用案例

• 代码导航：通过 Which Key 菜单快速跳转到定义、查找引用等。
• 代码编辑：使用快捷键进行代码格式化、缩进调整等。
• 项目管理：快速打开项目文件、切换分支等。

最佳实践

• 自定义快捷键：根据个人习惯和工作流程，自定义快捷键和菜单项。
• 集成其他扩展：将 Which Key 与其他常用扩展（如 GitLens、Prettier 等）结合使用，提高工作效率。

典型生态项目

• VSpaceCode：一个基于 Which Key 的扩展，提供更丰富的快捷键和命令集合。
• VSCode Vim：如果你习惯使用 Vim 编辑器，VSCode Vim 扩展与 Which Key 结合使用，可以提供更接近 Vim 的体验。

通过以上步骤和配置，你可以快速上手并充分利用 VSCode Which Key 扩展，提升你的开发效率。

vscode-which-keywhich-key like menu for Visual Studio Code项目地址:https://gitcode.com/gh_mirrors/vs/vscode-which-key