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

Web Development Extensions

luohuidong

|
93 installs
| (0) | Free
Everything you need for web development
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Web Development Extension Pack

A VS Code extension pack for web development.

Extensions Included

Language Support

  • Astro
  • CSS Variable Autocomplete
  • GraphQL: Inline Operation Execution
  • GraphQL: Language Feature Support
  • GraphQL: Syntax Highlighting
  • HTML CSS Support
  • lit-plugin
  • Prisma
  • Svelte for VS Code
  • Tailwind CSS IntelliSense
  • Vue Language Features (Volar)

Tools

  • Docker
  • Dotenv
  • EditorConfig for VS Code
  • Error Lens
  • ESLint
  • Git History
  • GitHub Actions
  • GitHub Copilot
  • GitLens
  • i18n Ally
  • Import Cost
  • Kubernetes
  • Live Preview
  • Live Server
  • npm Intellisense
  • Postman
  • Pretter - Code formatter
  • Quokka.js
  • Tauri
  • Thunder Client
  • TODO Highlight
  • Turbo Console Log
  • Version Lens
  • Vitest
  • Wallaby.js
  • YAML

Remote Development

  • GitHub Repositories
  • Remote - SSH: Editing Configuration Files
  • Remote Development
  • Remote Explorer

Development Workflow

  1. modify package.json extensionPack field.
  2. modify CHANGELOG.md
  3. modify README.md Extensions Included section.
  4. use pnpm version to modify the package.json version field.
  5. use npx vsce package to create a .vsix file.
  6. use npx vsce publish to publish the extension pack to the marketplace.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft