'zsh: command not found: ng' in Visual Studio Code's integrated terminal on Mac Catalina

Issue

Newer Macs (Catalina OS in my case) now have the default Z Shell aka zsh. Using a Mac zsh terminal window, I've successfully installed Angular 11.0.5 globally and created a project. I'm using nvm 0.32.2 and node 10.23.0.

However, on opening Visual Studio Code and navigating to my project within VS Code's integrated terminal, I get this error message using any ng command, such as trying to generate a component:

zsh: command not found: ng

Does anyone know how to properly set up Visual Studio Code's integrated terminal to properly identify ng commands using zsh?

I've found one possible work around here https://stackoverflow.com/a/58584109/6647188 but it uses third party tools which I'd like to avoid if possible. Is there no other known way to resolve this?

Solution

• Sertings -> Features -> Terminal

• Click in "Edit in settings.json”

• Add this line(key value) to the object:

  "terminal.integrated.shell.osx": "/bin/zsh"
  

• Close and relaunch Visual Code.

Answered By - Victor Martinez Calvo