DEV Community

Sh Raj
Sh Raj

Posted on • Edited on • Originally published at codexdindia.blogspot.com

Top VS Code Shortcuts πŸ˜ŽπŸ’»βœ¨

😎 Top VS Code Shortcuts to Supercharge Your Productivity! πŸ’»βœ¨

https://codexdindia.blogspot.com/2024/04/top-vs-code-shortcuts-to-supercharge.html

Hey folks! πŸ‘‹ Welcome back to another fun dive into the world of coding productivity! Today, we're going to explore some of the coolest VS Code shortcuts that'll have you coding like a wizard πŸ§™β€β™‚οΈ in no time! These shortcuts are the secret sauce to make your development workflow smoother, faster, and maybe even a bit more fun! πŸš€ So, grab your favorite drink β˜•οΈ, sit back, and let's get started!

🎨 Quick Navigation Shortcuts

  • Ctrl + P (Cmd + P on Mac) 🌟 - This is your go-to shortcut for quickly opening files. Need to jump into a file without clicking through the sidebar? Ctrl + P to the rescue!

  • Ctrl + B (Cmd + B on Mac) πŸ“‚ - Quickly toggle the file explorer to show or hide files. A handy way to manage your project structure.

  • Ctrl + ~ (Ctrl + ~ / Cmd + J on Mac) πŸ–₯ - Open and close the integrated terminal with a quick keystroke. Run commands without leaving your coding environment!

  • Ctrl + 2 (Cmd + 2 on Mac) 🌐 - Split the editor window into two panes. Perfect for comparing files or keeping an eye on different parts of your codebase.

  • Ctrl + W (Cmd + W on Mac) πŸ—‘ - Close the currently active file tab. Clean up your workspace in a snap!

πŸ’‘ Editing Magic

  • Ctrl + D (Cmd + D on Mac) πŸ”Ή - Select the next occurrence of the current word. Perfect for quickly editing multiple instances! To skip a selection after hitting Ctrl + D, use Ctrl + K and then Ctrl + D.

  • Ctrl + Shift + L (Cmd + Shift + L on Mac) 🎯 - Select all occurrences of the current selection. This one is a game-changer for mass editing.

  • Ctrl + Shift + K (Cmd + Shift + K on Mac) πŸ—‘ - Need to delete a line? Just press this and poof! It's gone!

  • Shift + Option + Down πŸ“‹ - Duplicate the current line downwards. Super useful for repeating or rearranging code!

πŸš€ Super Fast Navigation

  • Ctrl + G (Cmd + G on Mac) πŸ”’ - Jump to a specific line. No more endless scrolling!

  • Ctrl + ] / [ (Cmd + ] / [ on Mac) 🏹 - Indent lines to the right or left. Keep your code nice and tidy.

  • Ctrl + / (Cmd + / on Mac) ✍️ - Toggle line comment. Comment and uncomment with lightning speed!

  • Ctrl + Shift + O (Cmd + Shift + O on Mac) 🧭 - Instantly navigate to symbols in your code. Functions, classes, variables - find them all in a jiffy!

πŸ›  Useful General Shortcuts

  • Ctrl + Shift + V (Cmd + Shift + V on Mac) πŸ“‹ - Preview Markdown files instantly. Great for checking your READMEs.

  • Ctrl + K, Ctrl + S (Cmd + K, Cmd + S on Mac) 🧩 - Open Keyboard Shortcuts. Want to customize your shortcuts? Dive into this menu.

  • Ctrl + (Cmd + on Mac) πŸ–₯ - Toggle the integrated terminal. Need to run a quick command? Just a keystroke away!

  • Ctrl + 2 (Cmd + 2 on Mac) πŸ“ - Focus into the second editor group. Handy when working with split views!

🌈 Bonus: Custom Emoji Shortcuts! πŸŽ‰

  • πŸ’‘: :bulb:
  • πŸ”§: :wrench:
  • ✨: :sparkles:
  • πŸ“: :pencil:
  • πŸ”₯: :fire:
  • πŸ‘‹: :wave:

Simply type the shortcut and VS Code will magically transform it into the corresponding emoji! Try it out and give your code comments a touch of personality! πŸ˜‰

That's it, folks! πŸŽ‰ You're now armed with some of the most handy VS Code shortcuts out there. Remember, mastering shortcuts takes a bit of practice, but the time you'll save in the long run is absolutely worth it. Happy coding! βœ¨πŸš€

Feel free to drop your favorite shortcuts or emoji combinations in the comments below. Let's make coding not just efficient, but also a lot more fun! πŸŽ‰

πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» Keep on coding and keep on smiling! 😊


Author's Note: This article is published on dev.to - the community for developers to share and grow their skills. If you found these shortcuts helpful, don't forget to give a thumbs up and share it with your coding buddies! πŸ’»βœ¨


Feel free to reach out on GitHub or Twitter for more tips, tricks, or just to say hello! πŸš€πŸŒŸ

Top comments (7)

Collapse
 
acudworth3 profile image
acudworth3

CTRL+T will search symbols in the entire workspace rather than current file. Extremely useful if you’re in a wiki repo where the files are markdown. You can effectively search by section that way. Even better if you know the docs well and want to navigate quickly.

Collapse
 
janbuild profile image
janBuild • Edited

ALT + backwards arrow: Cursor jumps to last edit.

This works across files, so you can jump back to a different tab or file with this as well!

Collapse
 
lovestaco profile image
Athreya aka Maneshwar

ctrl + k + 1/2/3/4/5/0

You can use this to truncate the code according to the levels, very useful

Collapse
 
janbuild profile image
janBuild • Edited

Another one I love:

CTRL + ALT + RIGHT
Moves current tab to split view (two tabs share screen).

CTRL + PAGE UP/DOWN
Switch between open tabs in split view.

Collapse
 
suhangly profile image
Johangly Sucre

thank you bro, good post :3

Collapse
 
cyberrodeo profile image
cr

:D

Collapse
 
sh20raj profile image
Sh Raj