DEV Community

Cover image for 7 VS Code Tricks you should Definitely Know 😍
Tapajyoti Bose
Tapajyoti Bose

Posted on • Updated on

7 VS Code Tricks you should Definitely Know 😍

Want to be a VS Code Pro?

Here are 7 VS Code Tricks you should Definitely Know, which will undoubtedly take your productivity to the Moon 🚀🌕!

lets-go

1. Sticky Scroll

sticky-scroll

Do you often get lost while scrolling through a long file?

Sticky Scroll to the rescue! It shows you the functions/class you are in at the top of the screen, so you never get lost again!

You can enable it by going to Settings and searching for Sticky Scroll.

sticky-scroll-settings

Or if are a nerd at heart, add the following to your settings.json file:

"editor.stickySrcoll.enabled": true
Enter fullscreen mode Exit fullscreen mode

2. Command Palette

command-palette

Need to execute a command fast? Command Palette is there to help!

Just use the shortcut & select the command you need

Windows: Ctrl + Shift + P

Mac: Cmd + Shift + P

3. Custom Snippets

custom-snippets

Find yourself rewriting the same code over and over and yet over again? With Custom Snippets you can automate that!

There are dedicated articles on how to write your own snippets.

You can find them here: https://dev.to/ruppysuppy/how-pros-automate-repetitive-code-using-vs-code-53b

4. File Finder

file-finder

Just like the Command Palette, Go to File is a handy feature to quickly open a file.

Here are the shortcuts:

Windows: Ctrl + P

Mac: Cmd + P

5. Insider Version

insider-version

Did you know you can try out the latest features of VS Code before they are released?

The Insiders version is updated every day with the latest features, and you can download it from here: https://code.visualstudio.com/insiders/

6. Go to Symbol

go-to-symbol

Go to Symbol is another handy feature to quickly jump to a function/class in a file.

Windows: Ctrl + Shift + O

Mac: Cmd + Shift + O

7. Check out file changes

file-changes

By default VS Code ships with a timeline feature, which shows you all the changes you have made to a file.

No more scrambling through git logs to find out what was changed!

That's all folks! 🎉

Finding personal finance too intimidating? Checkout my Instagram to become a Dollar Ninja

Thanks for reading

Need a Top Rated Front-End Development Freelancer to chop away your development woes? Contact me on Upwork

Want to see what I am working on? Check out my Personal Website and GitHub

Want to connect? Reach out to me on LinkedIn

Follow me on Instagram to check out what I am up to recently.

Follow my blogs for bi-weekly new Tidbits on Dev

FAQ

These are a few commonly asked questions I get. So, I hope this FAQ section solves your issues.

  1. I am a beginner, how should I learn Front-End Web Dev?
    Look into the following articles:

    1. Front End Development Roadmap
    2. Front End Project Ideas
  2. Would you mentor me?

    Sorry, I am already under a lot of workload and would not have the time to mentor anyone.

Top comments (2)

Collapse
 
ant_f_dev profile image
Anthony Fung

Great list!

I didn't know about sticky scroll, but I've been using the Breadcrumbs option to keep track of where I am.

The Command Palette is great; you can launch it by pressing F1 too.

Collapse
 
77pintu profile image
77pintu

Thanks so much for the great post.