Vscode: Syntax highlighting in debug console

[ETLaurent]

Hi, it would be nice to have the syntax highlighting on what is typed in debug console, like in Chrome.
That would be very confortable, for those who use the debug console a lot.

Thanks

VSCode:

Chrome:

• VSCode Version: Code 1.19.2 (490ef761b76b3f3b3832eff7a588aac891e5fe80, 2018-01-10T15:49:04.682Z)
• OS Version: Darwin x64 16.7.0
• Extensions:

Extension|Author (truncated)|Version
---|---|---
clipboard-history|Anj|1.0.7
EditorConfig|Edi|0.12.0
quokka-vscode|Wal|1.0.98
vscode-standardjs-snippets|cap|0.7.5
vscode-standardjs|che|1.2.1
vscode-eslint|dba|1.4.5
gitlens|eam|8.0.0
vscode-npm-script|eg2|0.3.3
file-icons|fil|1.0.7
auto-close-tag|for|0.5.5
vue|jcb|0.1.5
graphql-for-vscode|kum|1.8.3
vetur|oct|0.11.7
apostrophecms-vs-snippets|pun|1.9.2
sass-indented|rob|1.4.6
nunjucks|ron|0.2.3
vscode-todo-highlight|way|0.5.11

[arnavb]

Has there been any update on this? It makes code hard to read somewhat in the current state.

[iansan5653]

#71458 adds significantly more options for colors in this console, so this might be something that is possible now.

[isidorn]

@iansan5653 those two are unrealted. For this feature request the debug console would have to have an AST language understanding

[weinand]

@isidorn AST language understanding is not necessary for this feature (syntax highlighting in editors isn't based on AST either).

What we would need is:

• a mechanism that identifies the language of text sent to the debug console and
• the syntax highlighting engine from the VS Code text editor working against the debug console's text model.

For the first we could add a "language" attribute to the output events.
@isidorn how feasible is the latter item?

[isidorn]

Debug console does not have a text model since it is not an editor, but a tree.
The debug console text input field has a text model and for that it would be feasable. However I do not think it makes that much sense to only do it for the input and not for the actual content.

[vscodebot[bot]]

This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[vscodebot[bot]]

:slightly_smiling_face: This feature request received a sufficient number of community upvotes and we moved it to our backlog. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[isidorn]

The Debug Console input now uses the language mode of the current active editor. This means that the Debug Console input now supports syntax coloring, indentation, auto closing of quotes, and other language features. More about this can be found here https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_42.md#debug-console-improvements

We still do not support syntax highlighting in the Debug Console Tree (the rest of the debug console that is not the input). That would require more work since our syntax coloristaion is not built to work with the Tree but the Editor. Thus leaving this feature request open.

[arnavb]

That's great news @isidorn! Congrats to the VSCode team!

[ETLaurent]

Nice 👌
I guess we can close this issue.

Thank you!

[isidorn]

We still do not support syntaxHyghlighting in the debug console output. Thus I would prefer to leave this issue open.

[vscode-triage-bot]

We closed this issue because we don't plan to address it in the foreseeable future. You can find more detailed information about our decision-making process here. If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.

If you wonder what we are up to, please see our roadmap and issue reporting guidelines.

Thanks for your understanding and happy coding!