Post

Quickly Disable VSCode Inlay Hints

Hide inline type hints in VSCode to reduce visual clutter while coding.

Quickly Disable VSCode Inlay Hints

Type hints clutter your editor when you know the types already.

Solution

Add to settings.json:

1
2
3
{
    "editor.inlayHints.enabled": "off"
}

For conditional hints (press Alt to show):

1
2
3
{
    "editor.inlayHints.enabled": "offUnlessPressed"
}

Find settings via Cmd+Shift+P → “Preferences: Open Settings (JSON)”.

When to Use

  • Complex TypeScript interfaces with obvious types
  • Legacy codebases with verbose typing
  • When focusing on logic over type information
  • Screen sharing or presentations
  • Large monitors with limited space

☕ Support My Work

If you found this post helpful and want to support more content like this, you can buy me a coffee!

Your support helps me continue creating useful articles and tips for fellow developers. Thank you! 🙏

This post is licensed under CC BY 4.0 by the author.