What are these parameter name annotations in my VS Code editor called, and how can I enable/disable them?

by

Those are Inlay Hints. You can enable (the default) or disable them with the setting:

Editor > Inlay Hints: Enabled

or change the Font Family or Font Size by searching for Inlay Hints in the Settings UI.

And there is finer control for parameter names/types, variable types and more for js/ts files.

For a lot more, see the release notes v1.60 release notes:

The most significant new tooling feature in TypeScript 4.4 is inlay
hint support. Inlay hints add additional inline information to source
code to help you understand what the code does.

Parameter name inlay hints for example show the names of parameters in
function calls:

parameter inlay hints

This can help you understand the meaning of each argument at a glance,
which is especially helpful for functions that take Boolean flags or
have parameters that are easy to mix up.

To enable parameter name hints, set
javascript.inlayHints.parameterNames.enabled or
typescript.inlayHints.parameterNames.enabled settings. There are three
possible values:

  • none — Disable parameter inlay hints.
  • literals — Only show inlay hints for literals (string, number, Boolean).
  • all — Show inlay hints for all arguments.

In addition, VS Code also offers inlay hints that show implicit type
information in your JavaScript and TypeScript code.

Variable type inlay hints show the types of variables that don’t have
an explicit type annotations.

Settings – javascript.inlayHints.variableTypes.enabled and
typescript.inlayHints.variableTypes.enabled

variable type inlay hints

[And more at the release notes link.]

More Related Contents:

  1. How to set up vscode to close window for tags in html?
  2. How do I collapse sections of code in Visual Studio Code for Windows?
  3. How can I switch word wrap on and off in Visual Studio Code?
  4. Multiline editing in Visual Studio Code
  5. Why are there grey blocks of color on the VS Code editor window?
  6. VS Code – how to rollback extension/install specific extension version
  7. How can I install vscode-server in linux offline [duplicate]
  8. How can you create multiple cursors in Visual Studio Code
  9. Should I commit the .vscode folder to source control?
  10. How to change environment’s font size?
  11. Multiline regular expression search in Visual Studio Code
  12. How to reset intellisense in VS Code?
  13. How do I see a bin file in a hex editor in Visual Studio Code?
  14. Prevent autocomplete in Visual Studio Code
  15. How to exclude file extensions and languages from “format on save” in VSCode?
  16. Select all occurrences of selected word in VSCode
  17. How to add more indentation in the Visual Studio code explorer file tree structure?
  18. How to associate a file extension with a certain language in VS Code
  19. Visual Studio Code’s recent update is disrupting autocompletion
  20. How do you change the formatting options in Visual Studio Code?
  21. How to restore the menu bar in Visual Studio Code
  22. Is there a way to turn on ES6/ES7 syntax support in vscode?
  23. Where can I find a list of all possible keys for tm-themes for syntax highlighting?
  24. Code-runner configuration for running multiple cpp classes in vscode
  25. Is there a way to make the terminal in VSCode take up the entire width of the application even if the sidebar is open?
  26. What are ALL configuration files used by Visual Studio Code?
  27. How can I globally set the PATH environment variable in VS Code?
  28. How to prevent Visual Studio Code from always reopening the previous files or folders?
  29. VSCode hide top-right icons
  30. Completely uninstall VS Code extensions

Leave a Comment