IDE extensions

For a magical development experience with VS Code and Angular, you should install the Angular Essentials extension pack created and curated by John Papa. John Papa is one of the leading champions and thought leaders in the Angular community. He continuously and relentlessly seeks the best possible development experience you can attain so that you are more productive and happier as a developer. He is a resource to trust and take very seriously. I highly recommend you follow him on twitter at @john_papa.

Similar to settings, you can also share recommended extensions via a JSON file. These are the extensions that I use for Angular development:

.vscode/extensions.json
{
  "recommendations": [
    "johnpapa.angular-essentials",
    "PKief.material-icon-theme",
    "formulahendry.auto-close-tag",
    "PeterJausovec.vscode-docker",
    "eamodio.gitlens",
    "WallabyJs.quokka-vscode",
    "rbbit.typescript-hero",

    "DSKWRK.vscode-generate-getter-setter",
    "esbenp.prettier-vscode"
  ]
}

VS Code will also recommend some extensions for you to install. I would caution against installing too many extensions, as these will noticeably start slowing down the launch performance and optimal operation of VS Code.