Boost Your Coding Efficiency: 10 Must-Know VS Code Shortcuts

Samir TiwariSamir Tiwari
3 min read

VS Code is packed with keyboard shortcuts that can make your coding life easier. Learning these shortcuts can greatly increase your efficiency and make coding more enjoyable. Whether you're an experienced developer or just starting out, these shortcuts can transform how you work. Let's dive into ten essential shortcuts to get you started:

1. Toggle Sidebar Visibility

Want a cleaner workspace? Just press Ctrl+B (Windows/Linux) or Cmd+B (macOS) to hide or show the sidebar. It's perfect for keeping distractions away and focusing on your code.

2. Open Integrated Terminal

Need to run some commands? Hit Ctrl+` (backtick) to pop open the built-in terminal. No more switching windows—you can keep everything right there in VS Code.

3. Quick Open

Got to find something fast? Use Ctrl+P (Windows/Linux) or Cmd+P (macOS) to quickly open files, symbols, or commands. Just start typing, and you'll have what you need in no time.

4. Scroll with Keyboard

Scrolling through your code? Use Ctrl+Up Arrow and Ctrl+Down Arrow to move around without reaching for the mouse. It keeps you in the zone.

5. Split Editor

Need to work on multiple files at once? Press Ctrl+\ (Windows/Linux) or Cmd+\ (macOS) to split the editor. It's super handy for comparing code side by side or multitasking.

6. Close Tab

Time to close a tab? Just hit Ctrl+W (Windows/Linux) or Cmd+W (macOS). Easy peasy!

7. Emmet Abbreviations

Speed up your HTML game with Emmet abbreviations. For example, type ul>li*3 and hit Tab to generate a list with three items:

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

Or type .container>h1.title+p to create a structure like this:

<div class="container">
    <h1 class="title"></h1>
    <p></p>
</div>

It's like magic for front-end developers, helping you write HTML and CSS faster.

8. Create New Line and Place Cursor

Want a new line below? Use Ctrl+Enter to pop in a new line and move the cursor there instantly. No more fiddling around—just keep coding.

9. Select All Occurrences

Need to select every instance of a word? Hit Ctrl+Shift+L for quick global changes. Perfect for those big refactors or updates.

10. Duplicate Line

Want to duplicate a line of code? Shift+Alt+Down Arrow lets you copy it fast. Great for trying out new ideas without extra typing.

Mastering these VS Code shortcuts can significantly enhance your coding efficiency and streamline your workflow. By integrating these shortcuts into your daily routine, you'll find yourself coding faster, with fewer interruptions and more focus. Whether you're navigating through files, managing multiple tabs, or writing HTML and CSS, these shortcuts are designed to make your coding experience smoother and more enjoyable. Keep practicing, and soon these shortcuts will become second nature, allowing you to concentrate on what truly matters—writing great code. Happy coding!

1
Subscribe to my newsletter

Read articles from Samir Tiwari directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Samir Tiwari
Samir Tiwari

Full Stack Developer | MERN Stack Developer | Graphic Designer | Freelancer