Skip to main content

Command Palette

Search for a command to run...

VS Code Extensions for MERN Stack

Updated
4 min read
VS Code Extensions for MERN Stack
A

Experienced mobile app developer who has a track record of success creating apps that are both well-received and commercially viable. Skilled with working as a team and incorporating input into projects. Ability to always look for ways to improve upon an already existing app to keep people downloading it and enjoying it. Strong eye for detail and tenacity to never quit on something until it is absolutely perfect.

  • 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

More from this blog

Anas Nabil's Blog

16 posts