DEV Community

loading...

Native Bracket Pair Colourization in VS Code

Nick Taylor (he/him)
Lead software engineer at Forem. Caught the live coding bug on Twitch at livecoding.ca
Originally published at community.vscodetips.com Updated on ・1 min read

Cross-posted from community.VSCodeTips.com

I’m a big fan of the Bracket Pair Colorizer extension, but it looks like this is native in VS Code now and much faster!

Configure native bracket pair colourization

  1. Make sure to remove the Bracket Pair Colorizer extension.
  2. Update VS Code
  3. Open your user settings via CMD (CTRL for non-Mac users) + Shift + P and type settings. The settings JSON file will open. Add the following:
"editor.bracketPairColorization.enabled": true
Enter fullscreen mode Exit fullscreen mode

All colors are themeable and up to six colors can be configured.

James Q. Quick has a video about getting this all set up

Happy VS Coding!

Discussion (2)

Collapse
leewynne profile image
Lee Wynne

This is great. I don’t know why I am so fussy and snobby about my vscode and iterm setup 🙈🙈

Collapse
thomasbnt profile image
Thomas Bnt

Really love this extension! I used that on VSCode and Jetbrains 👌🏼