Как увидеть значения переменных в редакторе кода Visual Studio?

Question

Я занимаюсь разработкой Angular-7 кода и хотел увидеть значения переменных, которые он содержит;как новичок это поможет понять, какие / как данные передаются.

Это моя конфигурация запуска

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "sourceMaps": true,
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Я не вижу значения @Input() recipe и @Output() recipeSelected при наведении курсора на эти переменные.