Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Web Dev EssentialsNew to Visual Studio Code? Get it now.
Web Dev Essentials

Web Dev Essentials

Ariq Fraser

|
741 installs
| (2) | Free
A personal collection of useful extensions for web development and more.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


Web Dev Essentials

A collection of super useful extensions for web development.


Extensions in this pack:

  • Auto Import - Automatically finds, parses and provides code actions and code completion for all available imports.
  • Auto Rename Tag - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
  • Better Comments - Create more human-friendly comments in your code.
  • GitLens - Quickly glimpse into whom, why, and when a line or code block was changed and more.
  • ESLint - Integrates ESLint into VS Code.
  • multi-command - This extension can create command sequence as one command and bind a key, or call it manually.
  • Output Colorizer - Adds syntax colorization for both the output/debug/extensions panel and *.log files.
  • Prettier - IMO the best customisable code formatter.
  • Monokai Pro - A sexy yet professional theme pack.

Honorable Mentions

Angular Devlopment

  • Angular Language Service - If you're developing using Angular this is absolutely essential!

React Development

  • React ES7+ Snippets - React/Redux/React-Native snippets.
  • Styled Components Snippet - Snippets for Styled-Components.
  • VSCode Styled Components - Styled-Components intelliSense and syntax highlighting.

VSCode Environment

  • Live Share - Allows you to collaboratively edit with others in real time.
  • VSCode Neovim - Allows you to integrate Neovim with VSCode 👄

Happy coding!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft