DEV Community

Cover image for 👩‍💻 My favourite VSCode Extensions [2020]
patdc
patdc

Posted on

👩‍💻 My favourite VSCode Extensions [2020]

Prettier - Code formatter

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

Download it here.

Indent Rainbow

This is a great extension that allows you to colorize the indentation in front of your text alternating four different colors on each step.

Download it here.

Live Sass Compiler

A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.

Download it here.

Live-Server

One of the best extensions ever made. It launches a development local Server with live reload feature for static & dynamic pages.

Download it here.

IntelliSense for CSS class names in HTML

A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

Download it here.

colorize

Instantly visualize css colors in your css/sass/less/postcss/stylus/XML... files. This extension your styles files looking for colors and generate a colored background (using the color) for each of them.

Download it here.

Bracket Pair Colorizer

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

Download it here

Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Download it here

Top comments (5)

Collapse
 
developerkaren profile image
Karen Efereyan

These are some of my favorites too. Add synthwave theme

Collapse
 
mkubdev profile image
Maxime Kubik

Hello! Super choix :D
I don't know if you like writing with Markdown, but my last fav addon is Markdown PDF !
Link : marketplace.visualstudio.com/items...

Collapse
 
patdc profile image
patdc

Thanks! :)

Collapse
 
ifone456 profile image
Gerzon Z.

Does autorename tag works with JSX components?

Collapse
 
patdc profile image
patdc

yes!