Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Web Developer KitNew to Visual Studio Code? Get it now.
Web Developer Kit

Web Developer Kit

Oscar Lomas

|
344 installs
| (1) | Free
Curated list of extensions for a better web developer experience.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

FrontEnd Developer Pack

VS Code Extension Pack

Editor

  • Indent Rainbow - Makes indentations easier to read
  • Prettier - Code formatter
  • SCSS Formatter - Prettier formatter for SCSS files
  • Styleling - Linter for CSS styles
  • .ENV - .env syntax support
  • Tabs Color - Color editor tabs
  • MDX - MDX Language support
  • CSS Peek - Peek CSS styles inside HTML

Productivity

  • Auto Import - Finds stuff for your Typescript
  • Code Spell Checker - Checks your code for spelling
  • Path Intellisense - Autocompletes filenames
  • VS Intellicode - AI Development
  • Gitlens - Git, but supercharged
  • Better Comments - Improves code commenting
  • TODO Highlight - Highlight TODO items
  • TODO Tree - Show TODO, FIXME, etc in a tree view

HTML/JS/CSS

  • Auto Close Tag - Automatically closes HTML/XML tags
  • Auto Rename Tag - Automatically renames paired HTML/XML tag
  • Live Server - Launch local dev server
  • Accessibility Linter - Check code files for common accessibility defects

Frameworks

  • Volar - Vue Language Features
  • Angular Language Service - Angular editor services
  • React/Redux/React Native - React Snippets
  • Svelte for VS Code - Svelte language support

Enjoy!

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