Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>VSCode Web Development ExtensionsNew to Visual Studio Code? Get it now.
VSCode Web Development Extensions

VSCode Web Development Extensions

Muzhe Zhou

|
127 installs
| (0) | Free
An extension package created for web development
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-web-development-extensions README

This package provides useful extensions for web development within VS Code.

Extensions Includes

Framework related

  • ES7+ React/Redux/React-Native snippets - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
  • React Native Tools - Debugging and integrated commands for React Native
  • Typescript React Code Snippets - Code snippets for react in typescript
  • VSCode React Refactor - Recompose your overgrown JSX without worrying about the given data.e and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.
  • Vue Language Features - Language support for Vue 3
  • Vue VSCode Snippets - Snippets that will supercharge your Vue workflow

Functionality

  • Path intellisense - Visual Studio Code plugin that autocompletes filenames
  • Auto Rename Tag - Auto rename paired HTML/XML tag
  • Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
  • Code Spell Checker - Spelling checker for source code
  • CSS Peek - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
  • JavaScript (ES6) code snippets - Code snippets for JavaScript in ES6 syntax

Linter

  • Eslint - Integrates ESLint JavaScript into VS Code.
  • Prettier - Code formatter using prettier

Teamwork

  • GitLens - Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
  • Git History - View git log, file history, compare branches or commits
  • Git Graph - View a Git Graph of your repository, and perform Git actions from the graph.

Analysis

  • Import Cost - Display import/require package size in the editor
  • Time Master - Metrics, insights, and time tracking automatically generated from your programming activity.

Beautification

  • CodeSnap - 📷 Take beautiful screenshots of your code
  • Highlight Matching Tag - Highlights matching closing and opening tags
  • TODO Highlight - highlight TODOs, FIXMEs, and any keywords, annotations...
  • Better comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!
  • Error Lens - Improve highlighting of errors, warnings and other language diagnostics.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft