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 full post →

Top comments (2)

Collapse
 
cristoferk profile image
CristoferK

Awesome!

Collapse
 
thebugcoder profile image
TheBugCoder

Thanks!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay