DEV Community

Cover image for 12 VS Code Extensions for Web Dev
FollowAndrew
FollowAndrew

Posted on

28 7

12 VS Code Extensions for Web Dev

Here's a list of 12 VS Code extensions I find myself using regularly that are helpful in Web Dev.

Watch the video (or jump down after the video for a list of each extension) for a quick visual view on what each extension does.


Please consider subscribing to the YouTube Channel!


Extension List (and video timeline jumps)

00:18 - Install Extensions
00:42 - Extension Settings
01:00 - Auto Rename Tag
01:44 - Beautify
02:39 - Bracket Pair Colorizer 2
03:58 - Browser Preview
05:03 - CSS Navigation
05:50 - CSS Peek
06:45 - VS Code Themes
07:57 - Live Sass Compiler
09:06 - Live Server
10:19 - Markdown All In One
11:44 - Markdownlint
12:35 - VS Code Icons

What extensions do you all find yourself using quite often?

Top comments (3)

Collapse
 
cadams profile image
Chad Adams • Edited
Collapse
 
wilsmex profile image
FollowAndrew

Nice! That Git Graph looks sweet, I'll have to play with that one

Collapse
 
wilsmex profile image
FollowAndrew

Also, a handy extension that I left of the list is the Sync Extension which lets you setup a new environment with all of your extensions and settings ported over!

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more