20 Most Useful VS Code Shortcuts for Pro Developers ?
Emma Richardson

Emma Richardson @emma_richardson

About: Full-Stack Developer. Sharing programming tips and tutorials.

Joined:
Oct 3, 2024

20 Most Useful VS Code Shortcuts for Pro Developers ?

Publish Date: Oct 16 '24
39 10

Image description

20 Most Useful Shortcuts in VS Code
General Navigation

  1. Command Palette: Access all available commands in VS Code. Ctrl + Shift + P (Windows/Linux) OR Cmd + Shift + P (macOS)
  2. Quick Open: Quickly open files by name. Ctrl + P (Windows/Linux) OR Cmd + P (macOS)
  3. Toggle Sidebar: Show or hide the sidebar. Ctrl + B (Windows/Linux) OR Cmd + B (macOS)
  4. Split Editor: Split the editor to view multiple files side by side. Ctrl + \ (Windows/Linux) OR Cmd + \ (macOS) Editing
  5. Move Line Up/Down: Move the current line or selected lines up or down. Alt + ↑ / Alt + ↓ (Windows/Linux) OR Option + ↑ / Option + ↓ (macOS)
  6. Copy Line Up/Down: Duplicate the current line or selected text. Shift + Alt + ↑ / Shift + Alt + ↓ (Windows/Linux) OR Shift + Option + ↑ / Shift + Option + ↓ (macOS)
  7. Comment/Uncomment Line: Comment or uncomment the selected line or lines. Ctrl + / (Windows/Linux) OR Cmd + / (macOS)
  8. Block Comment: Add or remove block comments around the selected code. Shift + Alt + A (Windows/Linux/macOS)
  9. Multi-Cursor Selection: Place multiple cursors for simultaneous edits. Ctrl + Click (Windows/Linux) OR Cmd + Click (macOS)
  10. Select All Occurrences of Word: Select all instances of the current word for simultaneous editing. Ctrl + Shift + L (Windows/Linux) OR Cmd + Shift + L (macOS) Navigation and Search
  11. Go to Definition: Jump to the definition of a symbol. F12 (Windows/Linux/macOS)
  12. Peek Definition: View a definition inline without leaving the current location. Alt + F12 (Windows/Linux) OR Option + F12 (macOS)
  13. Find: Open the search box to find within the current file. Ctrl + F (Windows/Linux) OR Cmd + F (macOS)
  14. Find and Replace: Open the find and replace dialog. Ctrl + H (Windows/Linux) OR Cmd + H (macOS)
  15. Go to File/Go to Symbol: Navigate to a specific file or symbol in the workspace. Ctrl + Shift + O (Windows/Linux) OR Cmd + Shift + O (macOS) Code Editing and Formatting
  16. Rename Symbol: Rename all instances of a symbol across the entire workspace. F2 (Windows/Linux/macOS)
  17. Format Document: Format the entire document using the appropriate formatter. Shift + Alt + F (Windows/Linux) OR Shift + Option + F (macOS)
  18. Go to Line: Jump to a specific line in the file. Ctrl + G (Windows/Linux) OR Cmd + G (macOS)
  19. Toggle Word Wrap: Enable or disable word wrapping in the editor. Alt + Z (Windows/Linux) OR Option + Z (macOS) Terminal and Settings
  20. Toggle Terminal: Open or close the integrated terminal. Ctrl + ` (Windows/Linux) OR Cmd + ` (macOS) These shortcuts cover common navigation, editing, and formatting tasks, helping you work more efficiently in Visual Studio Code.

If you want to read the complete article you can see this link:
[https://javascript.plainenglish.io/20-most-useful-shortcuts-in-vs-code-37a9cc33ef5f]

Comments 10 total

  • Nozibul Islam
    Nozibul IslamOct 16, 2024

    Best of luck on your journey! 😊 We are truly delighted to have enthusiastic and proactive developers like you in this community. The way you shared a detailed and helpful post about Visual Studio Code shortcuts will be very useful to many. It will help numerous developers speed up their workflow and make coding even more enjoyable.

    We want to encourage you to keep sharing such amazing and educational posts. Each of your posts will enrich our community and become a valuable resource for newcomers. Stay active on the Dev.to platform, keep learning, and keep sharing.

  • Duc Nguyen Thanh
    Duc Nguyen ThanhOct 17, 2024

    good job bro

  • Martin Baun
    Martin BaunOct 17, 2024

    NICE! One of my favs is not a keyboard but if you press and hold your scrollwheel button and drag the mouse up or down it will create a cursor on each line.

  • sharon oliva
    sharon olivaOct 17, 2024

    here is what am searching for. These VS Code Shortcuts help me. Thanx for sharing.

  • Vitaliy Potapov
    Vitaliy PotapovOct 17, 2024

    20.Toggle Terminal: Open or close the integrated terminal. Ctrl + (Windows/Linux) OR Cmd + (macOS)

    What key should be used in the last bullet?

    • Emma Richardson
      Emma RichardsonOct 17, 2024

      You're right, I missed it. It's Ctrl + for Win/Linux and Cmd + for mac

  • Tomas Stveracek
    Tomas StveracekOct 17, 2024

    Great overview! For those interested, I wrote a similar article in addition with shortcuts for DevTools. Link here.

  • mary
    maryOct 17, 2024

    I just need it, this article made my job so much easier, thanks.

  • Rasibobs
    RasibobsOct 17, 2024

    Here are some other useful shortcuts i use on a regular basis:
    Ctrl + K - Ctrl + S: Open the List of Keyboard Shortcuts
    Ctrl + K - Ctrl + T: Open Theme Selector
    Ctrl + ^: Split File
    Ctrl + Alt + Right Arrow/Left Arrow: Move Current Tab either right or left
    Shift + Alt + F: Search from currently highlighted folder in Explorer view
    Ctrl + Enter: Insert newline under cursor from anywhere in the current line without breaking

  • Aavash Parajuli
    Aavash ParajuliOct 17, 2024

    Spend quite some time on modifying the IDE Is the best thing you could do to improve the productivity

Add comment