
Подсказки всегда полезны в любой головоломной ситуации, будь то программирование или любая другая ситуация. VS Code IDE предлагает очень интересную функцию, предоставляющую разработчикам различные типы подсказок, чтобы сделать их более продуктивными, эффективными и действенными.
Подсказки по вкладкам
Подсказки вкладок добавляют встроенную информацию в исходный код, чтобы помочь вам понять, что делает код. В VS Code доступны следующие типы подсказок вкладок.
- Подсказки в названии параметра
- Подсказки на вкладке типа параметра
- Подсказки вкладок переменных типов
- Подсказки вкладки типа свойства
- Подсказки вкладок возвращаемого типа
Введение в подсказки вкладок и соответствующую конфигурацию
Подсказки вложенных имен параметров показывают имена параметров в вызовах функций. Это может помочь понять значение каждого аргумента с первого взгляда. Это особенно полезно для функций, параметры которых легко запутать во время разработки.
Настройка: typescript.inlayHints.parameterNames.enabled

Подсказки вкладок типов переменных показывают типы переменных, которые не имеют явных аннотаций типов.
Настройка: typescript.inlayHints.variableTypes.enabled

Подсказки вкладок типов свойств показывают типы свойств класса, которые не имеют явной аннотации типа.
Настройка: typescript.inlayHints.propertyDeclarationTypes.enabled

Подсказки вкладки типа параметра показывают типы неявно типизированных параметров.
Настройка: typescript.inlayHints.parameterTypes.enabled

Подсказки вставки типа возвращаемого значения показывают возвращаемые типы функций, которые не имеют явной аннотации типа.
Настройка: typescript.inlayHints.functionLikeReturnTypes.enabled

Настроить подсказки вкладок
Все вышеупомянутые подсказки вкладок можно легко настроить либо путем их поиска в настройках VS Code, либо путем добавления конкретных или всех подсказок в настройках VSCode JSON.
Все приведенные выше конфигурации будут принимать логические значения (true/false) кроме одного 'подсказки вставки parameterNames', который принимает одно из следующих значений:
- нет – отключить подсказки во вкладках параметров.
- литералы — отображать подсказки вкладок только для литералов (строка, число, логическое значение или другие скалярные переменные).
- all — показать подсказки для всех аргументов.
Показать/скрыть подсказки вкладок
Иногда в критических и критичных по времени ситуациях эти подсказки могут быть ошеломляющими и отвлекающими. Код VS позволяет пользователям переключать эти подсказки по желанию. Можно переключить подсказки вкладок, установив следующую конфигурацию в настройках JSON
Настройка: editor.inlayhints.enabled
Этот параметр может принимать одно из следующих значений:
- ON
- ВЫКЛЮЧЕННЫЙ
- Онунлесспрессед
- OffUnlessPressed
MAC — пользователь может легко использовать горячую клавишу control + option, чтобы показать или скрыть подсказки вкладки.
Пример настроек JSON с подсказками вкладки
Ниже приведены примеры настроек JSON, чтобы включить все подсказки вкладок для языка машинописного текста и показывать их все время во время разработки.
{
"typescript.inlayHints.parameterNames.enabled": "all",
"typescript.inlayHints.variableTypes.enabled": true,
"typescript.inlayHints.propertyDeclarationTypes.enabled": true,
"typescript.inlayHints.parameterTypes.enabled": true,
"typescript.inlayHints.functionLikeReturnTypes.enabled": true,
"editor.inlayHints.enabled": "on"
}
Важно отметить, что вышеупомянутые подсказки вкладок настроены для машинописного языка, но эти подсказки можно легко настроить и для других языков, таких как javascript, и настройки JSON будут выглядеть следующим образом
{
"javascript.inlayHints.parameterNames.enabled": "all",
"javascript.inlayHints.variableTypes.enabled": true,
"javascript.inlayHints.propertyDeclarationTypes.enabled": true,
"javascript.inlayHints.parameterTypes.enabled": true,
"javascript.inlayHints.functionLikeReturnTypes.enabled": true,
"javascript.inlayHints.enumMemberValues.enabled": true,
"editor.inlayHints.enabled": "on"
}
Заключение
Подсказка вкладки — это особая функция, предоставляемая VS Code для ускорения процесса разработки. Но эта функция может быть подавляющей при определенных обстоятельствах, используйте ее хорошо и разумно.
Давайте сядем вместе, чтобы найти новые интересные и действенные способы сделать процесс разработки эффективным, действенным и легким.

Удачного кодирования :)