VS Code JavaScript调试模式下,如何配置鼠标悬停时显示对象的真实键顺序
VS Code JavaScript调试模式下,如何配置鼠标悬停时显示对象的真实键顺序
我太懂这种麻烦了——每次调试时鼠标悬停看对象,属性都被自动按字母排了序,想找真实定义的顺序还得敲console.log,确实够折腾的。好在VS Code本身就有配置项能解决这个问题,一步到位让悬停自动显示真实顺序:
- 首先打开VS Code的设置面板:可以用快捷键
Ctrl+,(Windows/Linux)或者Cmd+,(Mac),也可以通过顶部菜单栏的「文件→首选项→设置」打开。 - 在设置的搜索框里直接输入
debug.javascript.objectPreview.sortProperties,找到这个配置项。 - 把它的默认值
true改成false:如果是可视化界面就关掉对应开关;如果习惯编辑settings.json,就添加或修改这一行:"debug.javascript.objectPreview.sortProperties": false。 - 最后保存设置,要是你现在正在调试会话中,记得重启一下调试(停止后再重新启动),之后再鼠标悬停对象时,属性就会严格按照它们在对象里的定义顺序展示啦,比如你例子里的
b就会排在a前面。
补充一句:这个设置是针对VS Code内置的JavaScript调试器的,现在VS Code默认用的就是这个调试器,只要你没装第三方的旧调试扩展,这个配置肯定能生效。
备注:内容来源于stack exchange,提问作者pronodingo




