Jinja2, Code Editors, Code Colour Themes and Add Ons

Hi All
I’m curious as to the various code editors, along with colour themes and add-ons that others fine useful for yaml and jinja2.

The reason is that the template editor in the UI is useful for jinja2 and highlighting the varous elements in the syntax, but there can be a lot of back and forward between your code editor and the template editor. This becomes partocularly important with blueprints and the additional ', ‘’, and " that are required.

I’m using VS Code and the One Dark Pro Monokai Darker Theme with:

  • Better Jinja
  • Bracket Pair Colorizer 2
  • Home Assistant Config Helper
  • Indent one space
  • Path Intellisense, and
  • YAML (Red Hat)

A couple of screenshots of the code colouring are below:
Screenshot 2021-01-23 204418


VSCode Icons: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

Rainbow Brackets: https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

SpellRight: https://marketplace.visualstudio.com/items?itemName=ban.spellright


I’ve been excavating and found this thread …

Would it be possible to add the rainbow brackets to the Template Page in Developer Tools?

That extension is now depreciated as VSCode now does this natively.

Though it does not do it well. Strings (like jinja templates) are not colourised.

1 Like