| ... | ... | @@ -104,7 +104,6 @@ Esta seção apresentará todas as configurações para executar o projeto. |
|
|
|
- [Executando](#executando)
|
|
|
|
- [Frontend](#frontend)
|
|
|
|
- [Configurando a Máquina](#configurando-a-máquina-1)
|
|
|
|
- [Compilando](#compilando-1)
|
|
|
|
- [Executando](#executando-1)
|
|
|
|
|
|
|
|
## Configurações Gerais
|
| ... | ... | @@ -249,12 +248,79 @@ Com o servidor ligado, você terá acesso a documentação das rotas do projeto, |
|
|
|
|
|
|
|
### Configurando a Máquina
|
|
|
|
|
|
|
|
TBD
|
|
|
|
Para configurar o ambiente do projeto, siga esses passos:
|
|
|
|
1. Faça o download do [Node.js](https://nodejs.org/en/) Baixe a versão `16.17.0`;
|
|
|
|
2. Caso tenha outra versão do Node.js instalada, utilize o NVM para administrar versões, tutorial para configurar no Windows [aqui](https://docs.microsoft.com/pt-br/windows/dev-environment/javascript/nodejs-on-windows);
|
|
|
|
3. No terminal, utilize o comando:
|
|
|
|
|
|
|
|
### Compilando
|
|
|
|
```bash
|
|
|
|
$ # instalando versão do Angular CLI
|
|
|
|
$ npm install -g @angular/[email protected]
|
|
|
|
```
|
|
|
|
4. Para verificar que está tudo certo, faça:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
$ # mostra versão do Angular CLI
|
|
|
|
$ ng version
|
|
|
|
```
|
|
|
|
|
|
|
|
Os dados informados devem ser:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
Angular CLI: 14.1.3
|
|
|
|
Node: 16.17.0
|
|
|
|
Package Manager: npm 8.15.0
|
|
|
|
OS: win32 x64
|
|
|
|
|
|
|
|
Angular: 14.1.3
|
|
|
|
... animations, cli, common, compiler, compiler-cli, core, forms
|
|
|
|
... platform-browser, platform-browser-dynamic, router
|
|
|
|
|
|
|
|
Package Version
|
|
|
|
---------------------------------------------------------
|
|
|
|
@angular-devkit/architect 0.1401.3
|
|
|
|
@angular-devkit/build-angular 14.1.3
|
|
|
|
@angular-devkit/core 14.1.3
|
|
|
|
@angular-devkit/schematics 14.1.3
|
|
|
|
@schematics/angular 14.1.3
|
|
|
|
rxjs 7.5.6
|
|
|
|
typescript 4.7.4
|
|
|
|
```
|
|
|
|
|
|
|
|
### VS Code
|
|
|
|
|
|
|
|
Instale o [VSCode](https://code.visualstudio.com/download), editor de código, se você ainda não tiver instalado. Após, instale os plugins:
|
|
|
|
1. Angular Language Service;
|
|
|
|
2. ESLint;
|
|
|
|
3. Auto-import;
|
|
|
|
4. Material Icon;
|
|
|
|
5. Rainbow Brackets;
|
|
|
|
6. px to Rem;
|
|
|
|
|
|
|
|
Caso tenha dúvidas em quais plugins baixar, consulte a primeria vídeo aula do bootcamp fornecida pelo colega Eduardo Soares, no canal de `#estudos`
|
|
|
|
(Estes plugins não são obrigatórios, mas te ajudarão a manter um código padronizado).
|
|
|
|
|
|
|
|
TBD
|
|
|
|
|
|
|
|
### Executando
|
|
|
|
|
|
|
|
TBD |
|
|
|
- Abra o terminal do seu computador ou [git bash](https://gitforwindows.org/) e digite um comando por vez:
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
|
|
$ # dentro da pasta que você deseja clonar o projeto
|
|
|
|
$ cd C:\Users\exemplo\diretorio
|
|
|
|
|
|
|
|
$ # clonando o repositório do projeto:
|
|
|
|
$ git clone https://tools.ages.pucrs.br/ficai-4.0/ficai-4.0-frontend.git
|
|
|
|
|
|
|
|
$ # entrando no diretório do app
|
|
|
|
$ cd ficai-4.0-frontend
|
|
|
|
|
|
|
|
$ # instalando as dependências
|
|
|
|
$ npm install
|
|
|
|
|
|
|
|
$ # iniciando o projeto
|
|
|
|
$ npm start
|
|
|
|
```
|
|
|
|
|
|
|
|
Se todos o passos foram concluídos corretamente, ao rodar o comando `npm start` ou acessar o link `http://localhost:4200/` deve direcioná-lo à pagina home do projeto. |
