Copiar página

Não está autenticado. Qualquer mudança que fizer será assinalada como anónimo. You may want to Log In if you already have an account. Também pode Inscrever-se para obter uma nova conta.

<h3>1) Instalar NodeJS</h3><img class="confluence-embedded-image size-full wp-image-2507 alignright confluence-external-resource" alt="nodejs-logo" width="148" src="https://luizladeira.files.wordpress.com/2016/12/nodejs-logo.png?w=620" data-image-src="https://luizladeira.files.wordpress.com/2016/12/nodejs-logo.png?w=620">Angular requer uma versão atual, LTS ativa ou de manutenção do Node.js.Node.js: <a href="https://nodejs.org/en/download/">https://nodejs.org/en/download/</a>Após a instalação, execute node -v no terminal para confirmar a versão instalada.  <h3>2) Instalar Angular CLI</h3><img class="confluence-embedded-image attachment-melissa-img-1200-auto size-melissa-img-1200-auto wp-post-image confluence-external-resource" alt="Angular CLI logo" width="180" src="https://codingjam.it/wp-content/uploads/2017/07/Angular-CLI-logo.jpg" data-image-src="https://codingjam.it/wp-content/uploads/2017/07/Angular-CLI-logo.jpg">Angular CLI para criar projetos, gerar código de aplicativo e biblioteca e executar uma variedade de tarefas de desenvolvimento em andamento, como teste, empacotamento e implantação.Para instalar o Angular CLI, abra uma janela de terminal e execute o seguinte comando:<table class="wysiwyg-macro" data-macro-name="code" data-macro-parameters="language=javascript" style="background-image: url(/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9amF2YXNjcmlwdH0&amp;locale=pt_PT&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>npm install -g @angular/cli</pre></td></tr></table> <h3>3) Criar um espaço de trabalho e aplicativo inicial</h3>Você desenvolve aplicativos no contexto de um espaço de trabalho Angular. Para criar um novo espaço de trabalho e um aplicativo inicial: 1. Execute o comando ng new no terminal e forneça um nome, my-app por exemplo, como mostrado aqui:<table class="wysiwyg-macro" data-macro-name="code" data-macro-parameters="language=none" style="background-image: url(/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9bm9uZX0&amp;locale=pt_PT&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>ng new my-app</pre></td></tr></table>2. O comando ng new solicita informações sobre os recursos a serem incluídos no aplicativo inicial. Aceite os padrões pressionando a tecla Enter ou Return.O Angular CLI instala os pacotes Angular npm necessários e outras dependências. Isso pode levar alguns minutos. O CLI cria um novo espaço de trabalho e um aplicativo de boas-vindas simples, pronto para ser executado. <h3>4) Execute o aplicativo</h3>O Angular CLI inclui um servidor, para que você possa criar e servir seu aplicativo localmente. 1. Navegue para a pasta da área de trabalho, como my-app. 2. Execute o seguinte comando:<table class="wysiwyg-macro" data-macro-name="code" data-macro-parameters="language=none" style="background-image: url(/plugins/servlet/confluence/placeholder/macro-heading?definition=e2NvZGU6bGFuZ3VhZ2U9bm9uZX0&amp;locale=pt_PT&amp;version=2); background-repeat: no-repeat;" data-macro-body-type="PLAIN_TEXT"><tr><td class="wysiwyg-macro-body"><pre>cd my-app
ng serve --open</pre></td></tr></table>O comando ng serve inicia o servidor, observa seus arquivos e reconstrói o aplicativo à medida que você faz alterações nesses arquivos. A opção --open (ou apenas -o) abre automaticamente o navegador para http://localhost:4200/. Se sua instalação e configuração foram bem-sucedidas, você deverá ver uma página semelhante à seguinte.<img class="confluence-embedded-image confluence-external-resource" height="899" width="794" src="https://angular.io/generated/images/guide/setup-local/app-works.png" data-image-src="https://angular.io/generated/images/guide/setup-local/app-works.png">