Yahoo
Skip to main content
Advertisement
Advertisement
Advertisement
Advertisement

5 VS Code settings that instantly make coding less annoying

An integrated developer environment and the VS Code logo in the center.
Lucas Gouveia/How-To Geek | Mix3r/ Shutterstock

VS Code is a fantastic editor until you realize that some of the default settings aren't optimized for most of us coders. I've been tweaking VS Code settings to see how I could turn this favorite code editor of ours into a more refined version that causes less annoyance while coding. These changes take about 10 minutes to set up. But once you do, VS Code feels faster , calmer, and much easier to trust.

To follow along, you'll be tweaking the "settings.json", a JSON file of VS Code. To do that, open the Command Palette with Ctrl+Shift+P on Windows or Cmd+Shift+P on Mac. In the search bar, type "JSON" without the quotes. Click on "Preferences: Open User Settings (JSON)." Any JSON you see in the upcoming sections, you'll paste them inside the curly braces in this JSON file.

Auto save

No need to have a saving OCD after typing every line

Turning on auto-save feature on VS Code through the settings.json file.

If you're hitting Ctrl+S every few seconds, you're not alone. It's muscle memory at this point. But it's also unnecessary friction. Auto Save removes that completely. Here's the setting:

Now your files save automatically after a short pause. You write code, pause for a second, and it's saved. It sounds small, but it changes how coding feels.

Advertisement
Advertisement

There have been instances where I forgot to save a file in a large codebase. As a result, my new code was not working in my tests. I was doing everything I could to fix the problem, only to discover that there were unsaved files. That's when I learned how useful auto-save can be.

If you prefer a bit more control, you can use:

This saves files when you switch tabs or leave the editor. It's great if you're working with scripts or tasks where timing matters.

Format on save

Clean code automatically

Turning on format on save feature on VS Code through the settings.json file.

Messy formatting is one of those things you notice just enough to be annoyed by but not enough to fix every time. That's where format on savecomes in.

Now every time you save a file, VS Code formats it for you. Indentation, spacing, alignment, it just fixes itself. This is great when you're writing HTML pages, and the indentation can make these really hard to read. Manually fixing them is time-consuming and cumbersome.

Advertisement
Advertisement

If you're using Prettier (which I highly recommend for frontend development), you can make it your default formatter:

Auto-formatting removes the need for manual cleaning so that you can code consistently. You can stop thinking about style entirely.

Word wrap

Never scroll sideways again

Turning on word wrap feature on VS Code through the settings.json file.

Horizontal scrolling is one of the fastest ways to break your flow. You're reading a long line, it disappears off the screen, and suddenly you're dragging the scrollbar back and forth trying to piece things together.

Just turn on word wrap:

Long lines now wrap naturally within the editor window, making everything easier to read, especially JSON, logs, markdown, and JSX. The next time you need to read a long line, no need to reach out for your mouse again. If you don't want it on all the time, there's also a quick toggle. Turn it off using Alt+Z.

Reduce visual noise

Minimap, breadcrumbs, hints

Turning off minimap, breadcrumb, and hints on VS Code through the settings.json file.

VS Code tries to be helpful by showing you everything: a minimap, breadcrumbs, inline hints, and more. But more information isn't always better. Sometimes it's just noise. If your editor feels visually busy, try turning a few things off:

This strips the interface down to what actually matters: the editor and your code. If you prefer a minimalist setup, this can be a game-changer.

Advertisement
Advertisement

That said, this one is personal. Some people love the minimap or breadcrumbs. But if you've never questioned them, it's worth trying a cleaner setup. You might find it surprisingly refreshing.

IntelliSense control

Make autocomplete less annoying

Reducing auto complete suggestions in VS Code through the settings.json file.

Autocomplete is great, until it isn't. By default, VS Code can be a bit over-eager. Suggestions pop up while you're typing strings, writing comments, or just thinking through something. It starts to feel less like help and more like an interruption.

You can tone it down with:

This keeps suggestions where they're useful, like the actual code, and removes them where they're distracting, such as comments and strings. The result? Autocomplete feels more intentional. It shows up when you need it.


None of these settings is revolutionary. They've been there the whole time. But together, they remove a surprising amount of work. Interestingly, VS Code has that make coding more enjoyable and make you a better programmer .

Advertisement
Advertisement
Mobilize your Website
View Site in Mobile | Classic
Share by: