Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Web-ToolboxNew to Visual Studio Code? Get it now.
Web-Toolbox

Web-Toolbox

almin

|
1,401 installs
| (0) | Free
Extensions for best experience developing with Typescript and React
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Web-Toolbox

This extension contains some extensions to increase the productivity and make it easier for developers to work with Typescript and React.

Extension included in this pack

  • Bookmarks
    • It helps you to navigate in your code, moving between important positions easily and quickly. No more need to search for code. It also supports a set of selection commands, which allows you to select bookmarked lines and regions between bookmarked lines. It's really useful for log file analysis.
  • Eslint
    • Integrates ESLint into VS Code. If you are new to ESLint check the documentation.
  • GitLens
    • GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
  • Prettier
    • Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
  • Todo+
    • Manage todo lists with ease. Powerful, easy to use and customizable.
  • Auto Close Tag
    • Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
  • Auto Rename Tag
    • Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
  • Remote WSL
    • The Remote - WSL extension extension lets you use the Windows Subsystem for Linux (WSL) as your full-time development environment right from VS Code.
  • TSLint
    • Adds tslint to VS Code using the TypeScript TSLint language service plugin. Please refer to the tslint documentation for how to configure the linting rules.
  • Auto Import
    • Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.
  • Rewrap
    • Reformats code comments and other text to a given line length. For VSCode and Visual Studio.
  • Code Spellchecker
    • A basic spell checker that works well with camelCase code.
  • Alphabetical sorter
  • Bracket pair colorizer
    • This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
  • Git blame
    • See Git Blame information in the status bar for the currently selected line.
  • Move ts
    • Supports moving typescript files and updating relative imports within the workspace.
  • SVG Viewer
    • SVG Viewer for Visual Studio Code
  • TODO Highlighter
    • Highlight TODO, FIXME and other annotations within your code.

Enjoy!

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