Skip to content

Commit

Permalink
add vs code - custom keyboard shortcuts
Browse files Browse the repository at this point in the history
  • Loading branch information
drecali committed Jul 22, 2022
1 parent ff48cd2 commit 73f3307
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 0 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -115,6 +115,7 @@ This repo is inspired by the [@jbrandchaud/til](https://github.com/jbranchaud/ti
### VS Code

- [`[Command]` - Copy GitHub permalink to code snippet](vscode/command-copy-github-permalink-to-code-snippet.md)
- [Custom keyboard shortcuts](vscode/custom-keyboard-shortcuts.md)
- [`[Extension]` - Code Spell Checker](vscode/extension-code-spell-checker.md)
- [`[Extension]` - Git Graph is awesome!](vscode/extension-git-graph-is-awesome.md)
- [`[Extension]` - GitLens is a must](vscode/extension-gitlens-is-a-must.md)
Expand Down
20 changes: 20 additions & 0 deletions vscode/custom-keyboard-shortcuts.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# Custom keyboard shortcuts

It's super quick and easy to customize keyboard shortcuts in VS Code. It can be as quick as 10 seconds!

https://user-images.githubusercontent.com/24983797/180465457-80a38d43-cdbf-4cd5-b596-222cbe3200c9.mov

<img width="758" alt="image" src="https://user-images.githubusercontent.com/24983797/180466381-f0a38443-4e2f-4748-8437-90f24d36a731.png">

---
<img width="702" alt="image" src="https://user-images.githubusercontent.com/24983797/180466696-d2199277-28cb-4e45-8575-67ea910aea02.png">

- Open the Command Palette with <kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>
- Type the name of the command you're interested in.
- Click the gear-shaped icon that appears when you hover over the command you're interested in. This will open a <kbd>Keyboard Shortcuts</kbd> tab.
- Click the pencil or <kbd>+</kbd> button on the left of the command.
- Press the keyboard shortcut you want to assign. VS Code will tell you if there's already another command with that shortcut.
- Press <kbd>Enter</kbd>
- Profit

PS. VS Code allows crazy chorded shortcuts that basically combine 2 shortcuts into 1. I won't go into it because I don't personally use them, but there's loads of info in their [docs](https://code.visualstudio.com/docs/getstarted/keybindings). Note that developers also use the term `keybindings`, but that can also mean an entire set of keyboard shortcuts rather than just one individual shortcut. I use the `Keyboard Shortcuts` because everybody recognizes it and VS Code uses it too.

0 comments on commit 73f3307

Please sign in to comment.