DEV Community

Niharika Pujari
Niharika Pujari

Posted on

Vscode extensions 2020

List of extensions I find helpful for day to day coding:

Prettier


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. Helps keep the code clean and maintains code styling in team consistent.



Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Vscode-icons

Brings icons to vscode.

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

Css peek

This extension extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.
In addition, it supports the Symbol Provider so you can quickly jump to the right CSS/SCSS/LESS code if you already know the class or ID name

Link: https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

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.

Link: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

Turbo Console log

This extension make debugging much easier by automating the operation of writing meaningful log message.

Link: https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log

Live Server

Launch a local development server within vscode with live reload feature for static & dynamic web pages.

Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Comment your favorite vscode extensions.

Top comments (0)