Tools - Do you know the best IDE for Angular and React?

When developing Angular or React, there are lots of choices for code editors. The best experience by far is to use Visual Studio Code.

angular machine setup 1 — Figure: Good Example - Visual Studio Code is a free, lightweight IDE that runs on Windows, Linux and macOS. Visual Studio Code is the IDE of choice for many Angular developers and has lots of great extensions for Angular

Many experienced teams are using Visual Studio for their C# backend and loving using Visual Studio Code for their Angular or React projects.

The recommended extension for Visual Studio Code is Angular Essentials from John Papa.

Angular Essentials is actually a meta-package that includes a list of great extensions for Angular Development – and this list may be updated in the future as more extensions become popular.

See https://github.com/johnpapa/vscode-angular-essentials.

angular machine setup 2 — Figure: Good Example – the Angular Essentials extension will install a great suite of extensions to support Angular development

You can find more extensions at Visual Studio | Marketplace.

Open in Visual Studio Code

This extension is for those times where you have a project open in Visual Studio and you want to be able to quickly open it in Visual Studio Code.

open in vscode — Figure: Get to Visual Studio Code quickly from within Visual Studio - Open in Visual Studio Code extension

More: Why do others love VS Code?

Angular

React