The Portuguese translation for this article is provided by App Dev Manager Julio Madeira. English version available here.

Segue um simples passo-a-passo para guiá-lo e ensinar como configurar sua aplicação Angular com Visual Studio Code e Node. Esse guia irá ajudá-lo a identificar o que instalar, quais comandos executar em PowerShell e alguns conceitos básicos de por onde começar a construir seu app usando Visual Studio Code.

1. 1. Instale o Node JS com as configurações padrões para todos os campos: https://nodejs.org/en/download/
   2. Baixe o Visual Studio Code: https://code.visualstudio.com/download
   3. Abra o PowerShell em modo Administrativo e instale o Angular CLI:

      npm install -g @angular/cli
      

   4. Navegue até a pasta onde você quer criar seu Aplicativo Angular. No meu exemplo eu estou usando o diretório/pasta C:\ no meu PowerShell para rodar o seguinte comando, no meu caso, estou chamando meu aplicativo de “my-new-angular-app” mas você pode dar o nome que quiser para seu aplicativo.

      ng new my-new-angular-app

      

   5. Digite CD no seu novo directorio do aplicativo que você acabou de criar, no meu caso:

      Cd my-new-angular-app

   6. Execute o Build app e Inicie o Servidor:

      Ng serve

      

   7. Abra o seu navegador e digite: http://localhost:4200
   8. Abra o Visual Studio Code
   9. Clique em Arquivo, Abrir Pasta
   10. Abra a pasta que você criou, nesse caso, a minha pasta é my-new-angular-app. Clique em Selecionar Pasta como mostrado na captura de tela abaixo:
   11. Package.json tem todas as dependências do Angular e seus pacotes.
   12. Você pode adicionar todos os seus componentes nessa pasta “App”.
   13. No PowerShell, para parar seu servidor:
       1. Clique Ctrl+C
       2. Então digite “Y” e clique <ENTER> para pará-lo:
   14. Veja no link abaixo outros documentos sobre como usar o Angular: https://angular.io/guide/styleguide