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

<introEmbed
  body={<>
When developing Angular or React, there are lots of choices for code editors. The best experience by far is to use [Visual Studio Code](https://visualstudio.microsoft.com/downloads/).
  </>}
/>
<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    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',
    shouldDisplay: true
  }}
  src="/uploads/rules/how-to-get-your-machine-setup/angular-machine-setup-1.png"
/>

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>.

<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "goodExample",
    figure: 'Good Example – the Angular Essentials extension will install a great suite of extensions to support Angular development',
    shouldDisplay: true
  }}
  src="/uploads/rules/how-to-get-your-machine-setup/angular-machine-setup-2.png"
/>

You can find more extensions at [Visual Studio | Marketplace](https://marketplace.visualstudio.com/).

### 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**.


<imageEmbed
  alt="Image"
  size="large"
  showBorder={false}
  figureEmbed={{
    preset: "default",
    figure: 'Get to Visual Studio Code quickly from within Visual Studio -        Open in Visual Studio Code extension',
    shouldDisplay: true
  }}
  src="/uploads/rules/how-to-get-your-machine-setup/open-in-vscode.png"
/>

**More:** [Why do others love VS Code?](https://stackshare.io/posts/why-developers-love-visual-studio-code)