Published under Tips.
Here are 5 keyboard shortcuts you can implement in any IDE to help navigate your code faster.
I use VS Code as my IDE, but these shortcuts can be applied to any editor.
The keyboard shortcuts I list in this article are OSX specific, but they should transfer over to Windows if you replace:
CMD with CTRL
OPTION with ALT
CTRL stays as CTRL
Preface: These shortcuts may not apply to some editors such as Vim, etc.
Before you utilize a delete line shortcut, you find yourself highlighting an entire line and then pressing backspace or delete. This works, however a shortcut can make it much faster. This shortcut also works on multiple lines, if you have multiple highlighted.
VSCode default: Shift + CMD + K
My keybinding: CMD + D
I prefer my keybinding over the VS Code default because I can press it with just my left hand.
How often do you find yourself copy/pasting lines to move them up or down throughout a line? With this keyboard shortcut, you can simply use your arrow keys to move lines around.
VS Code default: OPTION + up/down arrow key
My keybinding: same as VS Code default
I stick with the VS Code default for this one because it's what I started out using.
A lot of people don't realize almost all text editors have a Go To Line utility built in. This is really helpful when you are dealing with larger files and need to find a specific line (maybe from the result of a stack trace while debugging).
VS Code default: CTRL + G
My keybinding: CMD + L
I prefer my keybinding because "Line" starts with "L" so it's easier for me to remember CMD + L than CTRL + G.
Let's imagine you have 5 files open and you're trying to follow the code flow between files. Now you want to go back to the previous file and re-read a line, but you can't remember which file it was or what line number.
This shortcut will move your cursor to where it was before/after, even across files. Think of it as an "undo/redo" for your cursor.
VS Code default: CTRL + -
My keybinding: CMD + [
VS Code default: CTRL + SHIFT + -
My keybinding: CMD + ]
I prefer my keybinding because it is the default in Eclipse, which is where I learned this shortcut. I also prefer the difference of [ and ] instead of using SHIFT as a modifier.
This one is a game changer. How many times do you find yourself holding down left arrow while the cursor slowly moves towards the middle of the line so you can fix a typo or replace a word?
With the start/end of word shortcut (sometimes called Cursor Word Start/End), you can quickly navigate one word at a time left/right on a line without holding arrow keys or having to use your mouse.
Note: underscores are considered part of a word while hyphens are not.
VS Code default: OPTION + left/right arrow key
My keybinding: same as VS Code default
I've included two extra shortcuts which are very similar to the Start/end of word shortcut.
In addition to the start/end of word, you can also quickly go to the start/end of a line by using CMD instead of OPTION:
CMD + left/right arrow key
Let's say you have some code that looks like this, and your cursor is at the end of the word "world":
Now you want to replace "world" with the
name variable. You have two options to quickly select "world":
Use your mouse and double click "world" 🤮
Use the start/end of word shortcut to quickly highlight "world"
Using the shortcut, you would hold SHIFT + OPTION and then hit the LEFT ARROW key to highlight world. This would highlight just the word "world", which you could then replace with the variable
To summarize what we learned today, here's what I recommend:
Delete line(s): CMD + D
Move line(s): OPTION + UP or DOWN ARROW
Go to line: CMD + L
Go back/forward: CMD + [ or ]
Start/end of word: OPTION + LEFT or RIGHT ARROW
Highlight characters with start/end of word: SHIFT + OPTION + LEFT or RIGHT ARROW
Here's a copy of my
keybindings.json file for VS Code if you want to take a look at the rest of my keybindings: