Web Developer Toolbox

VS code extensions to help web developers

Want to include your favorate extention? Create an issue.

This extention include following

Angular Language Service: Editor services for Angular templates

Angular Snippets: TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout

Angular Schematics: Launch Angular schematics (CLI commands) from files Explorer (right-click) or Command Palette

Nx Console: Angular CLI with user interface Vue: Vue tooling for VS Code React Native: Debugging and integrated commands for React Native Chrome Debugger: Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol. Edge devtools: Use the Microsoft Edge Tools from within VS Code to see your site's runtime HTML structure, alter its layout, fix styling issues as well as see your site's network requests. Network for Microsoft Edge: Use the Microsoft Edge (Chromium) Network tool from within Visual Studio Code to see your site's network requests Native Script: NativeScript support for Visual Studio Code JS Debugger: An extension for debugging Node.js programs and Chrome. Dart: Dart language support and debugger for Visual Studio Code. Flutter: Flutter support and debugger for Visual Studio Code. Node Debug: Node.js debugging support Deno: Deno support for VSCode Firefox Debugger: Debug your web application or browser extension in Firefox

Split HTML Attributes: Split your Vue, React & Angular directives & props (and HTML attributes) onto new lines, instantly!

vscode-icons: File Icons - Includes Angular specific icons

VS Code LiveShare: Collaborative editing and debugging in real-time

Code Runner: Code runner for multiple languages

Auto Rename Tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does

Bracket Pair Colorizer: A customizable extension for colorizing matching brackets

GitLens: To explore git repos and compair branches etc

npm: Supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json

npm Intellisense: Autocompletes npm modules in import statements

Output Colorizer: Adds syntax colorization for both the output/debug/extensions panel and *.log files.

Path Intellisense: Visual Studio Code plugin that autocompletes filenames

Paste JSON as Code: Interactively generate types and (de-)serialization code from JSON, JSON Schema, and TypeScript

Prettier - Code Formater: Format your JavaScript / TypeScript / CSS using Prettier

SCSS IntelliSense: Advanced autocompletion and refactoring support for SCSS