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.
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.
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.
"./"
Showing you what everything one level up is.
"../"
In conclusion, these are only a couple of useful time-saving vscode extensions. Comment below what are some of ur favorite vscode extensions.
Top comments (0)