microsoft / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
756 stars 259 forks source link

Feature request: add fancy Node.js like console.table() output to the VSCode Debug Console when used with VSCode Edge Devtools #1233

Open henrikvilhelmberglund opened 2 years ago

henrikvilhelmberglund commented 2 years ago

Is your feature request related to a problem? Please describe.

A bit of a minor issue but this feature request is to add the nice looking console.table() output to the VSCode Debug Console when debugging from VSCode Edge Devtools.

console.table() output looks good in the VSCode Edge Devtools console but sometimes I like just having the VSCode Debug Console open at the bottom. When I do this though the nice table output is gone and I get a more standard object output which is fine but I would prefer the table output.

VSCode itself had the same problem before but solved it somehow: https://github.com/microsoft/vscode/issues/44926 and I confirmed it works (looks good) in Node.js debugging as well.

Describe the solution you'd like:

Keep the normal {a: 5, b: 5} like output with a clickable arrow from objects when using console.table() but also add a fancy output which looks something like this (from Node.js)

┌─────────┬────────┐
│ (index) │ Values │
├─────────┼────────┤
│    a    │   5    │
│    b    │   5    │
└─────────┴────────┘

Describe alternatives you've considered:

Additional context:

captainbrosset commented 2 years ago

Nice feature request. Thanks for sending it to the team. Let me make sure this shows up on the team's radar.