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

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在“设置”中。也就是说，单击设置=>搜索“调试” =>单击功能菜单=>调试菜单=>在此处更改设置。

//调试时在编辑器中内联显示变量值。

“ debug.inlineValues”：false，

false是默认设置，但您需要true。

看看是否有帮助-出于某种原因，似乎只有部分变量值以内联方式显示，而不是全部。否则，我认为很多人都使用Quokka扩展来做到这一点。参见https://quokkajs.com/docs/index.html。