Introduction to Web Development - Visual Studio Code Extensions

I would recommend this list of plugins to people who start with web development.

Live Server

This extension comes in very handy when you want to be able to update a file and immediately reflect it in the browser without needing to reload the page yourself.

Live Server - Visual Studio Marketplace

Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages

Visual Studio Marketplace

Auto Rename Tag

This is a small but handy tool. When renaming a tag from <div> to <p> as an example, it is nice if you do not have to change it in two places. It would be nice if it were changed automatically on the related closing tag. The Auto Rename Tag extension solves that issue.

Auto Rename Tag - Visual Studio Marketplace

Extension for Visual Studio Code - Auto rename paired HTML/XML tag

Visual Studio Marketplace

Code Spell Checker

When writing markup or code, we do not want to have to think about spelling. Did I spell this or that correctly? The Code Spell Checker extension lets you know of the word you wrote is incorrectly spelled.

Code Spell Checker - Visual Studio Marketplace

Extension for Visual Studio Code - Spelling checker for source code

Visual Studio Marketplace

W3C Web Validator

Being new to web development can make it difficult to know if everything you have written is correct according to the W3C standards. This tool comes in handy to help you quickly validate your HMTL and CSS.

W3C Web Validator - Visual Studio Marketplace

Extension for Visual Studio Code - Check the validity of your HTML/CSS files in one click

Visual Studio Marketplace