Desenvolvimento

Criando o projeto Angular

983 views 19/11/2018 03/07/2020 fredy-schlag 3

Para executar o tutorial é necessário instalar o NodeJS, acesse o site oficial e siga as instruções de instalação.
Nesta seção, apenas vamos criar o projeto base do Angular. As integrações com a plataforma serão demonstradas nas seções a seguir.

Depois de instalar o NodeJS, instale o angular-cli através da linha de comando abaixo:

npm install -g @angular/cli@7.0.4

Crie o projeto através do angular-cli:

ng new --defaults --minimal tutorial-aplicacao-plataforma
O comando `ng new` cria o projeto Angular e também cria um repositório git. Logo após concluir o comando, acesse o diretório do projeto `\tutorial-aplicacao-plataforma`.

Instale o componente senior-core através do comando abaixo (commit):

npm install --save @seniorsistemas/senior-core

O componente senior-core é utilizado para obter as URLs da plataforma e token de autenticação do usuário.

npm install --save @seniorsistemas/senior-platform-data
O componente senior-platform-data é utilizado para obter as URLs da plataforma e token de autenticação do usuário.
Instale o Bootstrap
npm install --save bootstrap
No arquivo src/styles.css importe o bootstrap adicionando a seguinte linha:
@import "~bootstrap/dist/css/bootstrap.min.css";

Para simplificar o tutorial o código das respectivas classes, serviços, componentes e HTML serão declarados nos arquivo: classes.ts, app.service.ts e app.component.html.

Agora vamos executar o projeto, Executando o Projeto Localmente

Sugerimos utilizar a documentação oficial do Angular para criar um projeto conforme recomendação.

Este artigo foi útil para você?