javascript - Visual Studio Code - 如何在调试期间内联显示变量值？

Question

当我在 VS 代码或 Visual Studio 代码中调试 Javascript 代码时，我希望它在代码旁边显示变量的值。如何让 VS 代码做到这一点？

理想情况下，不要将鼠标指针变量悬停在每个变量上只是为了查看它的值，特别是如果变量的值在屏幕上只占用几个字符。还有其他 IDE，其调试器在其旁边显示变量当前值。

例子 :

var array = [1,2,3,4,5,6,7];

for(var i = 2; i < 5; i++){  "i : 3"
    array.splice(i,1); "array : {1,2, 4, 5,6,7}"
}

Answer 1

启用 Debug: Inline Values在您的设置中。

打开设置

搜索“调试”

导航到功能 > 调试

更改调试设置:内联值

选项是 on , off或 auto .
或更改您的 settings.json文件:

{
  // Show variable values inline in editor while debugging.
  "debug.inlineValues": "on",  
}

或者，有些人使用 Quokka extension出于同样的目的。