VS Code Extensions for MERN Stack

VS Code Extensions for MERN Stack

  • Auto Close Tag: Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text. Auto Close Tag.gif

  • Auto Import: Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

  • Auto Rename Tag: Auto rename paired HTML/XML tag. Auto Rename Tag.gif

  • Bookmarks: Mark lines and jump to them. Bookmarks.png

  • Code Runner: Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim. Code Runner.gif

  • Code Time: Code Time is an open source plugin that provides programming metrics right in Visual Studio Code. Code TIme.png

  • MongoDB for VS Code: Connect to MongoDB and Atlas directly from your VS Code environment, navigate your databases and collections, inspect your schema and use playgrounds to prototype queries and aggregations.

  • DotENV: Support for dotenv file syntax. DotENV.png

  • EditorConfig for VS Code: EditorConfig Support for Visual Studio Code.

  • ES7+ React/Redux/React-Native snippets: Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.

  • ESLint: Integrates ESLint JavaScript into VS Code.

  • filesize: Show the current file size in the status bar. filesize.jpg

  • GitLens — Git supercharged: Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more.

  • Jest Runner: Simple way to run or debug a single (or multiple) tests from context-menu.

  • Live Server: Launch a development local Server with live reload feature for static & dynamic pages. Live Server.gif

  • markdownlint: Markdown linting and style checking for Visual Studio Code.

  • Material Icon Theme: Material Design Icons for Visual Studio Code. Material Icon.png

  • npm Intellisense: Visual Studio Code plugin that autocompletes npm modules in import statements. npm intellisense.gif

  • One Dark Pro: Atom‘s iconic One Dark theme for Visual Studio Code. One Dark Pro.png

  • Prettier - Code formatter: Code formatter using prettier.

  • React Native Tools: Debugging and integrated commands for React Native. React Native Tools.gif

  • Remote - WSL: Open any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code's full feature set.

  • REST Client: REST Client for Visual Studio Code. REST Client.gif

Angular 13.gif