Skip to content

Instantly share code, notes, and snippets.

@wojukasz
Created March 31, 2023 11:43
Show Gist options
  • Save wojukasz/d76ca3162debc66d4227b9dc6049789e to your computer and use it in GitHub Desktop.
Save wojukasz/d76ca3162debc66d4227b9dc6049789e to your computer and use it in GitHub Desktop.
VsCode + Vim keybindings and settings - best of both worlds
[
//
// VIM NAVIGATION SHORTCUTS
//
{
// "ctrl+h": Focuses on the left editor group when the text editor is focused, Vim extension is active, and Vim is not in Insert mode.
"key": "ctrl+h",
"command": "workbench.action.focusLeftGroup",
"when": "editorTextFocus && vim.active && vim.mode != 'Insert'"
},
{
// "ctrl+l": Focuses on the right editor group when the text editor is focused, Vim extension is active, and Vim is not in Insert mode.
"key": "ctrl+l",
"command": "workbench.action.focusRightGroup",
"when": "editorTextFocus && vim.active && vim.mode != 'Insert'"
},
{
// "ctrl+k": Focuses on the editor group above the current one when the text editor is focused, Vim extension is active, and Vim is not in Insert mode.
"key": "ctrl+k",
"command": "workbench.action.focusAboveGroup",
"when": "editorTextFocus && vim.active && vim.mode != 'Insert'"
},
{
// "ctrl+j": Focuses on the editor group below the current one when the text editor is focused, Vim extension is active, and Vim is not in Insert mode.
"key": "ctrl+j",
"command": "workbench.action.focusBelowGroup",
"when": "editorTextFocus && vim.active && vim.mode != 'Insert'"
},
//
// SUGGESTIONS AND AUTOCOMPLETION SHORTCUTS
//
{
// "ctrl+j": Selects the next suggestion in the suggestions widget when the widget is visible.
"key": "ctrl+j",
"command": "selectNextSuggestion",
"when": "suggestWidgetVisible"
},
{
// "ctrl+k": Selects the previous suggestion in the suggestions widget when the widget is visible.
"key": "ctrl+k",
"command": "selectPrevSuggestion",
"when": "suggestWidgetVisible"
},
{
// "ctrl+j": Selects the next item in the Quick Open dialog when it is open.
"key": "ctrl+j",
"command": "workbench.action.quickOpenSelectNext",
"when": "inQuickOpen"
},
{
// "ctrl+k": Selects the previous item in the Quick Open dialog when it is open.
"key": "ctrl+k",
"command": "workbench.action.quickOpenSelectPrevious",
"when": "inQuickOpen"
},
//
// EDITOR AND FILES SWITCHING NAVIGATION SHORTCUTS
//
// To switch between open files within an editor group, use the following shortcuts:
// ctrl+tab: Go to the next file in the group.
// ctrl+shift+tab: Go to the previous file in the group.
// To switch focus between editor groups, use the following shortcuts:
// ctrl+1: Focus on the first (left) editor group.
// ctrl+2: Focus on the second (right) editor group.
// With these shortcuts, you can easily navigate between open files in side-by-side text editor windows.
// For example, to switch from a file in the left editor group to a file in the right editor group, press ctrl+2,
// and then use ctrl+tab or ctrl+shift+tab to navigate between files in the right editor group.
// To switch back to the left editor group, press ctrl+1.
//
// FILE EXPLORER SHORTCUTS
//
{
// ", e": Toggles the sidebar's visibility when the text editor is not focused. <leader> + e
"key": ", e",
"command": "workbench.action.toggleSidebarVisibility",
"when": "!editorTextFocus"
},
{
// Focus on File Explorer when text editor is focused
"key": "ctrl+shift+e",
"command": "workbench.files.action.focusFilesExplorer",
"when": "editorTextFocus"
},
{
// Focus on active text editor group when File Explorer is focused
"key": "ctrl+shift+e",
"command": "workbench.action.focusActiveEditorGroup",
"when": "explorerViewletVisible && filesExplorerFocus"
},
{
// Open selected file in the first (left) editor group from File Explorer
"key": "ctrl+shift+1",
"command": "explorer.openToSide",
"args": { "group": 0 },
"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"
},
{
// Open selected file in the second (right) editor group from File Explorer
"key": "ctrl+shift+2",
"command": "explorer.openToSide",
"args": { "group": 1 },
"when": "explorerViewletVisible && filesExplorerFocus && !inputFocus"
},
//
// FILE EXPLORER NAVIGATION SHORTCUTS
//
{
// "ctrl+h": Collapses the selected item in a list when the list is focused and no input field is focused.
"key": "ctrl+h",
"command": "list.collapse",
"when": "listFocus && !inputFocus"
},
{
// "ctrl+l": Expands the selected item in a list when the list is focused and no input field is focused.
"key": "ctrl+l",
"command": "list.expand",
"when": "listFocus && !inputFocus"
},
{
// "ctrl+k": Focuses on the item above the currently selected item in a list when the list is focused and no input field is focused.
"key": "ctrl+k",
"command": "list.focusUp",
"when": "listFocus && !inputFocus"
},
{
// "ctrl+j": Focuses on the item below the currently selected item in a list when the list is focused and no input field is focused
"key": "ctrl+j",
"command": "list.focusDown",
"when": "listFocus && !inputFocus"
},
{
// "cmd+enter": Renames a file when the Explorer view is visible and the Files Explorer is focused.
"key": "ctrl+enter",
"command": "renameFile",
"when": "explorerViewletVisible && filesExplorerFocus"
},
{
// "enter": Disables the default "renameFile" command when the Explorer view is visible and the Files Explorer is focused.
"key": "enter",
"command": "-renameFile",
"when": "explorerViewletVisible && filesExplorerFocus"
},
{
// "enter": Selects an item in a list when the list is focused and no input field is focused.
"key": "enter",
"command": "list.select",
"when": "listFocus && !inputFocus"
},
//
// TERMINAL SHORTCUTS
//
{
// Focus the terminal when the terminal is not focused
"key": "ctrl+;",
"command": "workbench.action.terminal.focus"
},
{
// Focus the active editor group (text editor) when the terminal is focused
"key": "ctrl+;",
"command": "workbench.action.focusActiveEditorGroup",
"when": "terminalFocus"
},
{
// Maximize/minimize terminal panel and focus on terminal when terminal is not focused
// (requires "multi-command" extension and "multiCommand.toggleMaximizedPanelAndFocusTerminal" command defined in settings.json)
"key": "ctrl+shift+;",
"command": "multiCommand.toggleMaximizedPanelAndFocusTerminal",
"when": "!terminalFocus || terminalFocus"
}
]
{
// (...)
// vim configuration
// "editor.lineNumbers": "relative",
"editor.scrollBeyondLastLine": false, // recommended by neovim
"vim.easymotion": true,
"vim.incsearch": true,
"vim.useSystemClipboard": true,
"vim.useCtrlKeys": true,
"vim.hlsearch": true,
"vim.leader": " ",
"vim.insertModeKeyBindings": [
{
// Pressing j twice ("before": ["j", "j"]) simulates the Esc key ("after": ["<Esc>"]).
"before": ["j", "j"],
"after": ["<Esc>"]
}
],
"vim.normalModeKeyBindingsNonRecursive": [
{
// Pressing the leader key (Spacebar) followed by d deletes the current line.
"before": ["<leader>", "d"],
"after": ["d", "d"]
},
{
// Pressing ctrl+n clears search highlighting
"before": ["<C-n>"],
"commands": [":nohl"]
},
{
// Pressing K inserts a line break above the cursor.
"before": ["K"],
"commands": ["lineBreakInsert"],
"silent": true
},
{
// Pressing the leader key (Spacebar) followed by w splits the editor.
"before": ["<leader>", "w"],
"commands": ["workbench.action.splitEditor"]
},
{
// Pressing the leader key (Spacebar) followed by e toggles the sidebar visibility.
"before": ["<leader>", "e"],
"commands": ["workbench.action.toggleSidebarVisibility"]
},
{
// Pressing the leader key (Spacebar) followed by c comments the current line.
"before": ["<leader>", "c"],
"commands": ["editor.action.commentLine"]
},
{
// Pressing the leader key (Spacebar) followed by f reveals the current file in the Explorer.
"before": ["<leader>", "f"],
"commands": ["revealInExplorer"]
},
{
// Pressing the leader key (Spacebar) followed by r and then e renames the current symbol.
"before": ["<leader>", "r", "e"],
"commands": ["editor.action.rename"]
},
{
// Pressing the leader key (Spacebar) followed by r and then f renames the current file.
"before": ["<leader>", "r", "f"],
"commands": ["fileutils.renameFile"]
},
{
// Pressing the leader key (Spacebar) followed by o, g shows all symbols in the workspace.
"before": ["<leader>", "o", "g"],
"commands": ["workbench.action.showAllSymbols"]
},
{
// Pressing the leader key (Spacebar) followed by o, o shows all open editors in the active group.
"before": ["<leader>", "o", "o"],
"commands": ["workbench.action.showEditorsInActiveGroup"]
},
{
// Pressing the leader key (Spacebar) followed by o, p opens the quick open panel.
"before": ["leader", "o", "p"],
"commands": ["workbench.action.quickOpen"]
},
{
// Pressing m followed by a toggles numbered bookmark 1.
"before": ["m", "a"],
"commands": ["numberedBookmarks.toggleBookmark1"]
},
{
// Pressing ' followed by a jumps to numbered bookmark 1.
"key": "' a",
"command": "numberedBookmarks.jumpToBookmark1",
"when": "editorTextFocus && vim.active && vim.mode == 'Normal'"
}
],
//
// Custom keybindings for visual
//
"vim.visualModeKeyBindings": [
{
"before": ["leader", "c"],
"commands": ["editor.action.commentLine", "extension.vim_escape"]
}
],
// END OF VIM CONFIGURATION
// (...)
// install multi-command plugin to be able to use it with keybindings
"multiCommand.commands": [
{
"command": "multiCommand.toggleMaximizedPanelAndFocusTerminal",
"sequence": [
"workbench.action.toggleMaximizedPanel",
"workbench.action.terminal.focus"
]
}
],
}
@kanaki-dev
Copy link

how can i config this in my vscode

@LwveMike
Copy link

LwveMike commented Apr 4, 2024

how can i config this in my vscode

  1. Press cmd + shift + p or ctrl + shift +p.
  2. Write settings.
  3. Scroll to personal settings ( JSON ).
  4. Paste this config there.

@nicolidin
Copy link

hello it seems i can't have two keys after leader, only one works, how did you do?

@kanaki-dev
Copy link

hey some features are missing like ctrl+f, ctrl+s,

@wojukasz
Copy link
Author

wojukasz commented Oct 2, 2024

hey, I am no longer using VsCode is unlikely this will be further developed.

@nicolidin tbh I don't remember but I remember having to install multi-command plugin.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment