Web Development Essentials Extension Pack

This an extension pack for Visual Studio Code with extensions that are extremely helpful for Web Developers!

Check out Learn Visual Studio Code to learn everything you need to know about about the hottest editor in Web Development!

Debugger for chrome

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

Javascript (ES6) Code Snippets

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

ESLint

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Live server

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Bracket Pair Colorizor

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

Auto Rename Tag

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Quokka

https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Path Intellisense

https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Project Manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Editor Config

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

Browser Preview

https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview

Git Lens

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Polacode

https://marketplace.visualstudio.com/items?itemName=pnp.polacode

Prettier

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Better Comments

https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

Git Link

https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink

VS Code Icons

https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons

Material Icon Theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

Settings Sync

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Better Align

https://marketplace.visualstudio.com/items?itemName=wwm.better-align