VS code extensions to help web developers
Want to include your favorate extention? Create an issue.
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