DEV Community

loading...

Helpful VScode Extensions

jolouie7 profile image Joseph Louie ・2 min read

Auto Rename Tag

Auto Rename Tag is useful because it saves you time when editing a tag. Normally you would have to change both the opening and closing tags, but with this extension, you only have to change the starting tag and the ending will change too.

Bracket Pair Colorizer

Bracket Pair Colorizer is a useful extension because it lets you see where your opening and closing brackets are.

Alt Text

ES7 React/Redux/GraphQL/React-Native snippets

If you are using react I would suggest using this extension because it helps you set up quickly. Taking time to write boilerplate code isn't worth your time, it might as well have a snippet to do it for you.

IntelliSense for CSS class names in HTML

I enjoy using this extension because it saves you time from writing out the whole css.

Alt Text

Live Server

When I was learning web development for the first time, I installed this extension. They allowed me to view my web page in realtime. All I had to do was save my vscode file and the page would display the changes. This is also called hot reloading, similar to npm/yarn start.

Path Intellisense

Ever struggle to find your file when you're trying to find the path somewhere? Not anymore! With path IntelliSense, it can help you navigate through ur nest of directories without worry.

Showing you what everything one level down is.

"./"
Enter fullscreen mode Exit fullscreen mode

Showing you what everything one level up is.

"../"
Enter fullscreen mode Exit fullscreen mode

In conclusion, these are only a couple of useful time-saving vscode extensions. Comment below what are some of ur favorite vscode extensions.

Discussion (0)

Forem Open with the Forem app