DEV Community

Cover image for 5 Best VS Code Extensions As a Web Dev
TheBugCoder
TheBugCoder

Posted on • Edited on

1 1

5 Best VS Code Extensions As a Web Dev

Today I will show my personal favourite and best Visual Studio code extensions as a web dev.

1. Live Server

by Ritwick Dey

This is the VS Code extension I use the most. It can open a HTML file in the browser and it automatically reloads. But what's the best, that it creates a server, so you can do PHP, import libraries in JavaScript and more.

2. Prettier

by Prettier

Prettier is just a code formatter for JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less HTML, Vue, Angular, GraphQL, Markdown and YAML.

3. Bracket Pair Colorizer 2

by CoenraadS

This extension colorizes every bracket pair (as the name says).

4. Live Sass Compiler

Live Sass Compiler compiles/transpiles your SASS/SCSS to CSS with live browser reload.

by Ritwick Dey

5. Auto Rename Tag

It renames a pair of tags with multicursor.

by Jun Han

These were my personal 5 best Visual Studio Code Extensions. And sorry for the bad writing skills, but this is my first post! :P

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (2)

Collapse
 
cristoferk profile image
CristoferK

Awesome!

Collapse
 
thebugcoder profile image
TheBugCoder

Thanks!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more