如何在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的任何值。