Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I display a file with ANSI color escape sequences in Visual Studio Code?

I have a process that writes a log file which includes ANSI color codes. When I view the file on the terminal with cat, the colors are rendered correctly. When I view it with less, by default I see codes like ESC[32m but I can use the -R switch to see the colors (e.g. less -R log.txt).

I would like to be able to view and even possibly edit the file in VSCode, with the colors displayed correctly. How can I do this?

like image 553
rjmunro Avatar asked Jan 19 '18 11:01

rjmunro


People also ask

What is ANSI escape sequences Python?

00:32 If you're using the older terminals, the colorama library is a good alternative to get the same effects. The standards body that set these escape codes was the ANSI standards body, so these are often referred to colloquially as ANSI escape sequences or ANSI codes.

How do I reference a Visual Studio code?

The Find All References command is available on the context (right-click) menu of the element you want to find references to. Or, if you are a keyboard user, press Shift + F12. The results appear in a tool window named <element> references, where element is the name of the item you are searching for.


1 Answers

The ANSI Colors extension exists since 2020/10/13:

enter image description here

TL;DR

Once installed, you can use the preview button in the top right (just like for Markdown):

enter image description here

Long Version

  1. Install the ANSI Colors extension.
  2. Open your ANSI file.
  3. Use the preview button, or their custom commands to open the ANSI color preview, just like in this screenshot: enter image description here
    • Press F1 or CTRL/Command + SHIFT + P (to open the VSCode command interface).
    • Type "ansi" or "preview" to find the commands.
    • Select with Up/Down arrow keys.
    • Finally, hit enter.
    • NOTE: As you can see, the command interface also shows you keyboard shortcuts, if you prefer those.

More usage and configuration options are explained on the extension page.

like image 68
Domi Avatar answered Sep 29 '22 22:09

Domi