microsoft / microsoft/vscode-edge-devtools
Feature request: add fancy Node.js like console.table() output to the VSCode Debug Console when used with VSCode Edge Devtools
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 827
- Forks
- 358
- Avg merge
- 20h 32m
- Merged PRs (30d)
- 10
Description
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:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source file or test is identified in the issue. Start by locating the VSCode Edge Devtools handling for console.table() in the Debug Console and compare its behavior with the referenced VSCode issue and Node.js output. Done means retaining the clickable object representation while also showing the requested table formatting.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript, vscode
- Domain
- devtools
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100