7 VS Code Tricks you should Definitely Know 😍
Tags: programming, productivity, vscode, json
Published: 2023-05-28 06:25:48

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fflb4w1sv3mavt8i76im.gif)

## 1. Sticky Scroll

![sticky-scroll](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/55orqstjb9vxpfg9ly4h.gif)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2chuwhqz3r39b7n63ex0.png)

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

```json
"editor.stickySrcoll.enabled": true
```

## 2. Command Palette

![command-palette](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6kjzu0my4xsihvdfa4s.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ia9cfbcak0hsvyssftvi.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v81fogoghiu5796260sp.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f38gjso7qwukpt5o8sim.png)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdca7w9wvidumhbkqr10.png)

`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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8jifwn0p477n0hnl9561.png)

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**](https://www.instagram.com/the.dollar.ninja/)

# Thanks for reading

Need a **Top Rated Front-End Development Freelancer** to chop away your development woes? Contact me on [Upwork](https://www.upwork.com/o/profiles/users/~01c12e516ee1d35044/)

Want to see what I am working on? Check out my [Personal Website](https://tapajyoti-bose.vercel.app) and [GitHub](https://github.com/ruppysuppy)

Want to connect? Reach out to me on [LinkedIn](https://www.linkedin.com/in/tapajyoti-bose/)

Follow me on [Instagram](https://www.instagram.com/tapajyotib/) to check out what I am up to recently.

Follow my blogs for **bi-weekly new Tidbits** on [Dev](https://dev.to/ruppysuppy)

**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](https://dev.to/ruppysuppy/front-end-developer-roadmap-zero-to-hero-4pkf)
   2. [Front End Project Ideas](https://dev.to/ruppysuppy/5-projects-to-master-front-end-development-57p)

2. **Would you mentor me?**
   Sorry, I am already under a lot of workload and would not have the time to mentor anyone.