Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>VS Code Web PowerpackNew to Visual Studio Code? Get it now.
VS Code Web Powerpack

VS Code Web Powerpack

Matt Johnson

|
4,909 installs
| (0) | Free
VS Code extensions for web projects
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Web Extension Powerpack

EditorConfig logo Output Colorizer logo Statusbar Commands logo Sort lines logo npm Intellisense logo

Code Outline logo Bookmarks logo ESLint logo

Description

This extension pack packages powerful web development extensions for Visual Studio Code.

Extensions Included

  • EditorConfig - EditorConfig Support for Visual Studio Code.
  • Bookmarks - Mark lines and jump to them.
  • Output Colorizer - Syntax highlighting for log files.
  • Statusbar Commands - Extend the statusbar with custom commands - specifically forward/back buttons.
  • Sort lines - Sorts lines of text.
  • ESLint - Integrates ESLint into VS Code.
  • npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements.
  • Code Outline - A code outline tree provider for VSCode.

Optional - Back/Forward buttons in statusbar

Back/Forward buttons demo

If you'd like to add back/forward buttons to your statusbar add the following to your User Settings:

"statusbar_command.commands": [
  {
    "text": "$(arrow-right)",
    "tooltip": "Navigate forward",
    "alignment": "right",
    "command": "workbench.action.navigateForward"
  },
  {
    "text": "$(arrow-left)",
    "tooltip": "Navigate back",
    "alignment": "right",
    "command": "workbench.action.navigateBack"
  }
]

Want to see your extension added?

Open a PR and I'd be happy to take a look.

Enjoy!

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