9 VSCODE EXTENSIONS YOU MUST HAVE
Tags: vscode, webdev, github, codenewbie
Published: 2021-09-29 10:47:30

**1. PRETTIER**

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

Benefits: Having consistent formatting and styling across your
code can save a lot of time, especially when collaborating with other developers.

![prettier](https://repository-images.githubusercontent.com/75104123/f6f27280-61e5-11e9-8759-33288e842a50)

**2.Bracket Pair Colorizer**
This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use. As our functions get more complex, it becomes more challenging to keep track of opening and closing brackets such as parentheses and curly braces.
![Bracket Pair Colorizer](https://user-images.githubusercontent.com/865701/59942596-fad48800-9414-11e9-8d03-3d27f4b69e45.png)

**3.Project Dashboard**
VSCode Project Dashboard is a Visual Studio Code extension that lets you organize your projects in a speed-dial like manner. Pin your frequently visited folders, files, and SSH remotes onto a dashboard to access them quickly.

![Project Dashboard](https://raw.githubusercontent.com/Kruemelkatze/vscode-dashboard/master/screenshot.png)

**4.Community Material Theme**
The most epic theme meets Visual Studio Code. The community maintained version of Material Theme with ”legacy" color schemes you love!
This project is community-maintained and the source is encrypted. If you want to maintain it and ship new fixes, ask to become a maintainer so you’ll have full access to the repository.

![Community Material Theme](https://res.cloudinary.com/practicaldev/image/fetch/s--H6G39GQR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/YvEVfym.png)

**5.Material Icon Theme**
The most epic file icon theme for Visual Studio Code.

![Material Icon Theme](https://i.stack.imgur.com/36u86.png)

**6.GitLens — Git supercharged**
Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

![GitLens — Git supercharged](https://raw.githubusercontent.com/eamodio/vscode-gitlens/main/images/docs/gitlens-logo.png)

**7.Peacock**
Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
![Peacock Theme](https://papapeacockstorage.z13.web.core.windows.net/assets/peacock-windows.png)

**8.Live Server**
Live server launches a local development server with a live reload feature for both static and dynamic pages. Every time you save your code you’ll automatically see the changes reflected in your browser.
![Live Server](https://uploads-ssl.webflow.com/5f85a5ac8c29edec24711e52/60bf2c0a1bf6d9616458ba56_live%20server.gif)

**9.Thunder Client**
Thunder Client is a lightweight Rest API Client Extension for Visual Studio Code, hand-crafted by Ranga Vadhineni with simple and clean design. Personally, its a perfect alternative of POSTMAN for someone like me who love simple UI, plus its in-built with VsCode saving me from hassle of switching tabs.
Thanks Ranga Vadhineni.
![Thunder Client](https://miro.medium.com/max/2000/1*C2ZCBfXIwxoJPmCIVUj6Zg.png)

_-> Feel free to add more useful Extensions in the comment section below._