Cool VS Code Extensions for Web Devs

Cool VS Code Extensions for Web Devs

Visual Studio Code remains to be my favorite code editor over time. It is easy to use and has a couple of amazing extensions that make coding easier and more fun. In this article I share a couple of extensions that I use and think are quite useful to web developers. Feel free to add on more extensions you use as a web dev.

1. Prettier

As the name suggests, this is an extension that makes your code prettier. Prettier is a code formatter. The extension formats your code on save, on paste or manually, it all depends on your settings. The code formatter arranges your code in a standard manner and adds brackets or curly braces where they may have been left out. The code formatter supports html, css and javascript as well.

2. Emmet

Emmet is a one wonder extension. The extension really saves your time while coding by completing html tags, css tags as well as javascript code for you. I have only used it with html so far so I can't really talk much on Javascript.

3. Auto Rename Tag

The name says it all. The extension renames the closing tag as well when you rename the opening tag. Normally, you would have to rename both tags manually which is time-consuming and may also result into bugs.

4. Bracket Pair Colorizer

This extension colorizes matching brackets and curly braces as well. This helps with nested elements, it's easier to spot their opening and closing curly braces, it also helps you spot errors fast.

5. Javascript ES6 Code Snippets

The extension carries a couple of Javascript ES6 code snippets. All you have to do is type in a trigger (a command-like expression) plus tab and voila you have your code snippet.

6. Live Server

Live server launches a development server for your static html pages so you don't have to keep reloading the html file and opening it from the file system. The server reloads after each save on either of the files(html, css or Javascript).

I hope these extensions will be helpful to you as well and better your developer experience. Again, feel free to add on to the extensions list; I'd love to try more and more extensions as well.

Thank you for reading along.