> Markdown version of [/magazine/157-5-amazing-vs-code-settings](https://www.wearedevelopers.com/magazine/157-5-amazing-vs-code-settings). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# 5 Amazing VS Code Settings

**By:** Ashutosh Mishra

**Published:** February 1, 2023

## Amazing VS Code Settings

Productivity is the most important thing you need as a programmer and professional. The work you deliver is more important than the number of technologies you know.

Interestingly, the times we are living in make it hard to focus on work due to abundant distractions. At time same time, the number of resources to work fast and efficiently is also increasing day by day.

We can’t save you from distractions but we can definitely help you set up your tools properly and provide you with enough resources to help you be more productive and efficient.

To make it real, today, we are going to learn about everything you need to set up your VS Code for maximum productivity. We are going to cover many amazing Extensions, Themes, Shortcuts, and Settings to help you set up your tool properly and deliver great work in no time.

## 1. Auto Save

![](https://wearedevelopers.imgix.net/public/magazine/articles/157/images/63d8b24b46e81f2a81062f94_autosave.png?w=720&fit=max&dpr=2&auto=format)

Auto Save is a productivity booster feature in VS Code that frees you from manually saving the file. Instead, VS Code will automatically save the file for you if the option is enabled.

Type **[CTRL +]** , or go to _File -\> Preferences -\> Settings_ and type auto save.

There will be 3 options:

1. **afterDelay** : Saves file after every second.
2. **onFocusChange** : Saves file when the editor loses focus, like going to another file.
3. **onWindowChange** : Saves file when the window loses focus, like going to another application outside VS Code.

## 2. Format on Save

![](https://wearedevelopers.imgix.net/public/magazine/articles/157/images/63d8b25a8b96710b7f4e27bf_format_on_save.png?w=720&fit=max&dpr=2&auto=format)

Format on Save feature automatically formats your code every time the file is saved. Type **[CTRL + ,]** or go to _File -\> Preferences -\> Settings_ and type format on save. Check the checkbox for **Editor: Format On Save** option.

**_Note_** _: It works only if a formatter is installed. So make sure to install a formatter like Prettier etc. before enabling this option_.

## 3. Format on Paste

![](https://wearedevelopers.imgix.net/public/magazine/articles/157/images/63d8b263298025d3a0414c38_format_on_paste.png?w=720&fit=max&dpr=2&auto=format)

Format on Paste is an amazing VS Code feature that formats your code for consistent styling every time you paste it from somewhere else.

If you are pasting the code from the internet or one of your old projects, as soon as you paste it, the code is automatically formatted to match your coding style.

Type **[CTRL +]** , or go to _File -\> Preferences -\> Settings_ and type format on paste. Check the checkbox for **Editor: Format On Paste** option.

\*\*\*\*\ ***_Note:_** _You need a formatter like Prettier etc. already installed for it to work._

## 4. Customising Cursor

![](https://wearedevelopers.imgix.net/public/magazine/articles/157/images/63d8b277290dd4128939cc7b_cursor.png?w=720&fit=max&dpr=2&auto=format)

If you want to be more creative and try new things with the cursor, then VS Code gives you the option to customise it.

Type **[CTRL +]** , or go to _File -\> Preferences -\> Settings_ and type cursor. Under **Editor: Cursor Style** , try out various options available. There are multiple cursor styles available like line, block, underline, etc.

You can also change the animation of the cursor. Animations are available under **Editor: Cursor Blinking**. Choose between blink, smooth, phase, solid, and expand and set the one that you like the most.

## 5. Bracket Pair Colorization

![](https://wearedevelopers.imgix.net/public/magazine/articles/157/images/63d8b283aa3cce5b6d05324b_brack_pair_colorization.png?w=720&fit=max&dpr=2&auto=format)

Bracket Pair Colorization feature in VS Code makes it super easy to identify the same set of brackets by giving them different colors.

Coding involves working with lots of brackets and often times there are multiple nested brackets in a function or loop etc. and it becomes really annoying to identify which closing pair belongs to which bracket. This feature helps you tackle the same issue.

Type **[CTRL +]** , or go to _File -\> Preferences -\> Settings_ and type bracket pair colorization. Check the checkbox for **Editor › Bracket Pair Colorization: Enabled** option.

## Wrapping up

That’s the end of the article. We covered a lot of things today and I hope you have learned a lot and will put everything to good use.

One of the good habits to cultivate in life as a programmer is to do things on time. So if you are still reading, then open your VS Code window and try out everything you learned in this article, and set up everything correctly to unlock maximum productivity for the next time when you are coding in VS Code.

**READ MORE:**

- [Beautiful VS Code Themes](/magazine/202-17-best-vscode-themes)
- [Great VS Code Extensions](/magazine/201-19-great-vs-code-extensions)
- [VS Code Keyboard Shortcuts](/magazine/200-15-great-vs-code-keyboard-shortcuts)
- [VS Code Settings](/magazine/157-5-amazing-vs-code-settings)[**‍**](/magazine/167-8-great-vs-code-extensions-powered-by-ai)
- [Great VS Code Extensions powered by AI](/magazine/167-8-great-vs-code-extensions-powered-by-ai)



## Related Articles

- [7 VSCode Extensions That Actually Make You More Efficient (2025 Edition)](https://www.wearedevelopers.com/magazine/587-7-vscode-extensions-that-actually-make-you-more-efficient-2025-edition)
- [19 Great VS Code Extensions](https://www.wearedevelopers.com/magazine/201-19-great-vs-code-extensions)
- [15 Great VS Code Keyboard Shortcuts](https://www.wearedevelopers.com/magazine/200-15-great-vs-code-keyboard-shortcuts)
- [8 Great VS Code Extensions powered by AI](https://www.wearedevelopers.com/magazine/167-8-great-vs-code-extensions-powered-by-ai)

## Related Videos

- [Let's build a VS Code extension for automated refactorings](https://www.wearedevelopers.com/videos/305-let-s-build-a-vs-code-extension-for-automated-refactorings)
- [GitHub Copilot Beyond the Basics - 10 Ways to Elevate Your Coding](https://www.wearedevelopers.com/videos/1011-github-copilot-beyond-the-basics-10-ways-to-elevate-your-coding)
- [Behind the Scenes of Building VS Code - Harald Kirschner](https://www.wearedevelopers.com/videos/1902-behind-the-scenes-of-building-vs-code-harald-kirschner)
- [Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3](https://www.wearedevelopers.com/videos/1766-devs-vs-marketers-cobol-and-copilot-make-live-coding-easy-and-more-the-best-of-live-2025-part-3)

## Related Jobs

- [Senior Software Engineer](https://www.wearedevelopers.com/jobs/ext/15942-senior-software-engineer) at **GitHub**
- [Staff Software Engineer, Copilot Experiences](https://www.wearedevelopers.com/jobs/ext/164361-staff-software-engineer-copilot-experiences) at **GitHub**
- [Senior Software Engineer, Enterprise Products](https://www.wearedevelopers.com/jobs/ext/1841248-senior-software-engineer-enterprise-products) at **GitHub**
- [SENIOR SOFTWARE-ENTWICKLER:IN (W/M/D)](https://www.wearedevelopers.com/jobs/48210-senior-software-entwickler-in-w-m-d) at **Pradtke GmbH**
- [Software Engineer](https://www.wearedevelopers.com/jobs/ext/1304673-software-engineer) at **Bitpanda**
- [Senior Software Engineer](https://www.wearedevelopers.com/jobs/ext/159190-senior-software-engineer) at **GitHub**