Rules

Secret ingredients to quality software

Edit
Info

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

Last updated by Harley Kemelfield on 24 Feb 2020 11:57 pm (over 1 year ago) See History

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 OS X. 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?

Adam StephensenAdam Stephensen
Brendan RichardsBrendan Richards

We open source. This page is on GitHub