Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Power-up Web Development PackNew to Visual Studio Code? Get it now.
Power-up Web Development Pack

Power-up Web Development Pack

jonyeezs

|
1,596 installs
| (0) | Free
Power-up ⭐ your web development experience with these essential extensions (Includes TypeScript goodies)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Power-up Web Development Pack

Power-up ⭐ your web development experience with these essential extensions (Includes TypeScript goodies).

There are tons of useful packages out there. Mostly I find that they are to more of a subjective taste.

This pack will install packages that are, in my opinion, essential to your web development experience. See my medium post on reasons why I've chosen these packages

As well, this will install TypeScript extensions as well. But I reckon it should work for vanilla JS too.

Extensions installed

  • NPM
  • Test Explorer UI - don't forget to install your test framework's adapter too
  • Open in Browser
  • Debugger for Chrome
  • GitLens
  • Advanced New File
  • Bookmarks
  • JS Parameter Annotations
  • Hyper Javascript Snippets
  • Document This
  • Auto Rename Tag
  • IntelliSense for CSS class names in HTML
  • Path Intellisense
  • Spell Right
  • EditorConfig for VS Code
  • CodeMetrics
  • Prettier - Code formatter - I highly recommend to look into Unibeautify - Universal Formatter
  • TSLens
  • TSLint
  • Toggle Semicolon

Acknowledgements

Package icon designed by justicon from Flaticon

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