VS Code Shortcuts and Extensions to Code Faster

Quick Answer

The fastest way to speed up in VS Code is to learn a handful of shortcuts and install a few good extensions. Start with the Command Palette (Ctrl/Cmd+Shift+P), multi-cursor editing (Ctrl/Cmd+D), Quick Fix (Ctrl/Cmd+.), and Rename Symbol (F2). Then add Prettier, ESLint, Live Server, and GitLens. Pick three or four to practice this week instead of trying to memorize everything at once.

Why shortcuts and extensions actually make you faster

Most beginners lose small chunks of time all day: reaching for the mouse, retyping the same variable in five places, hunting through menus for "format document." None of these feel slow on their own. Added up over a week, they are the difference between finishing a project and staying stuck in it.

The good news is that the right vs code shortcuts and extensions remove most of that friction without any special skill. A shortcut is just a faster path to something you already do. An extension is a small tool that automates work you would otherwise do by hand, like formatting code or spotting mistakes. You do not need to learn all of them. You need the ten or so that you will use every single day.

This guide covers the shortcuts worth memorizing, the beginner-friendly extensions worth installing, and a printable cheat sheet at the end. Windows and Mac keys are both included.

The Command Palette: the one shortcut to learn first

If you remember only one thing from this post, make it this. The Command Palette can run almost any action in VS Code by name, so you never have to remember where a menu lives.

• Command Palette: Ctrl+Shift+P (Windows) / Cmd+Shift+P (Mac)
• Quick Open a file by name: Ctrl+P / Cmd+P

Open the palette and start typing what you want, for example format, rename, git commit, or change theme. VS Code filters the list and even shows the keyboard shortcut next to each command, so the palette doubles as a way to learn other shortcuts.

Ctrl+P is its faster cousin for files. In a project with fifty files, typing Ctrl+P and a few letters of the file name is far quicker than clicking through folders in the sidebar.

Multi-cursor editing: type in many places at once

Multi-cursor is the trick that makes people say "how did you do that." Instead of editing one spot, you place several cursors and type once to change all of them.

• Add a cursor anywhere: Alt+Click (Windows) / Option+Click (Mac)
• Select the next matching word: Ctrl+D / Cmd+D (press again to grab the next one)
• Select every matching word at once: Ctrl+Shift+L / Cmd+Shift+L
• Add a cursor above / below: Ctrl+Alt+Up or Down / Cmd+Option+Up or Down

A common example: you have a variable named data in six places and want to rename it. Put your cursor on it, press Ctrl+D five times to select all six, then type the new name. (For real renames inside code, the Rename Symbol trick below is even safer.) Multi-cursor also shines for editing lists, adding quotes around many lines, or fixing repeated typos.

Quick Fix, Rename Symbol, and jumping around code

These four make you feel like the editor is helping you think, not just storing text.

• Quick Fix (auto-suggested fixes): Ctrl+. / Cmd+. — when you see a red or yellow squiggle, this offers to fix it: import a missing module, remove unused code, or correct a typo.
• Rename Symbol: F2 — put your cursor on a variable, function, or class, press F2, type the new name, and VS Code updates every usage across the file (and often the whole project) correctly. Much safer than find-and-replace.
• Go to Definition: F12 — jump straight to where a function or variable was defined.
• Go Back: Alt+Left (Windows) / Ctrl+- (Mac) — return to where you were after jumping away.

Together these let you read unfamiliar code the way senior developers do: follow a function to its source, understand it, then jump back without losing your place.

Everyday editing shortcuts you'll use constantly

These are the small, boring, high-frequency actions. Learning them saves the most time overall because you do them hundreds of times a day.

• Move a line up / down: Alt+Up / Alt+Down (Windows) · Option+Up / Option+Down (Mac)
• Copy a line up / down: Shift+Alt+Up / Down · Shift+Option+Up / Down
• Delete a line: Ctrl+Shift+K / Cmd+Shift+K
• Comment / uncomment: Ctrl+/ / Cmd+/
• Format the whole file: Shift+Alt+F / Shift+Option+F
• Open the built-in terminal: Ctrl+` (same on both)
• Show / hide the sidebar: Ctrl+B / Cmd+B

No mouse needed for any of these. Notice how many involve whole lines: reordering code, duplicating a line to tweak it, or commenting out a block to test something are constant tasks while you build.

Must-have extensions for beginners

Extensions live in the Extensions panel (Ctrl+Shift+X / Cmd+Shift+X). Search the name, click Install. Start with these few rather than installing dozens.

Prettier — Code formatter

Prettier automatically formats your code with consistent spacing, quotes, and line breaks every time you save. You stop arguing with yourself about style and your code instantly looks professional. Great for HTML, CSS, and JavaScript work in our JavaScript course.

ESLint

ESLint reads your JavaScript and TypeScript and flags real mistakes as you type: undefined variables, unused imports, likely bugs. Think of Prettier as "make it look neat" and ESLint as "tell me what's wrong." They work together well.

Live Server

Right-click an HTML file and choose "Open with Live Server" to launch your page in the browser. It refreshes automatically every time you save, so you see changes instantly without pressing reload. Perfect for practising HTML and CSS.

GitLens

GitLens supercharges Git inside VS Code. It shows who last changed each line and when, right beside the code, and makes history easy to explore. If you are still learning version control, pair it with our Git course so the visual cues actually make sense.

Two bonus picks

• Error Lens shows error messages inline, right on the line, instead of only underlining them.
• Auto Rename Tag updates the closing HTML tag automatically when you edit the opening one.

Printable cheat sheet (Windows and Mac)

Keep this handy while you build. Print it or keep it open in a second window until the keys become muscle memory.

How to actually make these stick

Reading a shortcut list once does nothing. Memory comes from use. Here is an honest, low-effort way to build the habit.

1. Pick three or four, not thirty. A good starter set: Command Palette, Ctrl+D, Quick Fix, and Format Document. Use only those this week.
2. Ban the mouse for one task. Choose something like commenting code, and force yourself to use the shortcut every time until it feels natural.
3. Let the palette teach you. Whenever you reach for a menu, open the Command Palette instead and read the shortcut it shows next to the command.

You can also see and edit every shortcut. Open the Command Palette and search Keyboard Shortcuts, or press Ctrl+K Ctrl+S / Cmd+K Cmd+S. If a default key feels awkward on your keyboard, change it there. One last honest note: do not install twenty extensions on day one. A few good ones keep VS Code fast and your setup easy to understand. Add more only when you feel a real need.

Frequently Asked Questions