Introdução ao Node.js

Developer Support

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

      image

    7. Abra o seu navegador e digite: http://localhost:4200 image
    8. Abra o Visual Studio Code
    9. Clique em Arquivo, Abrir Pasta image
    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: Image img10
    11. Package.json tem todas as dependências do Angular e seus pacotes. image
    12. Você pode adicionar todos os seus componentes nessa pasta “App”. image
    13. No PowerShell, para parar seu servidor:
      1. Clique Ctrl+C
      2. Então digite “Y” e clique <ENTER> para pará-lo: image
    14. Veja no link abaixo outros documentos sobre como usar o Angular: https://angular.io/guide/styleguide

 

0 comments

Discussion is closed.

Feedback usabilla icon