#:sparkles: - Aula 2

## Criando o repositório no github e comitando o trabalho anterior

#/home/rfpereira/github/live/chatcollab> git init
#/home/rfpereira/github/live/chatcollab> git remote add origin git@github.com:phaelfp/chatcollab.git

Antes de continuar vamos fazer algumas configurações para padronização de código em projetos

* Instalar o eslint `yarn create @eslint/config`

## Visual Code - IDE de desenvolvimento



Podemos utilizar para isso o eslint e junto com ele o Prettier

### Plugins
* Para utilizar o [EsLint](https://eslint.org/) usamos o [VS Code Eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
* Para ajudar na formatação/padronização do código com o [Prettier](https://github.com/prettier/eslint-config-prettier) usamos o  [Prettier VS COde](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
* [Styled Components](https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components)

## Controle de versão - GIT

Mesmo tendo o Eslint e o Prettier instalado e configurado no Visual Code o desenvolvedor pode desablitar a sua funcionalidade
Então utilizamos um recurso do Git chamada Hooks.

Navegando no diretório do projeto após ter executado o git init temos um diretório oculto (.git) dentro dele temos o diretório hooks com exemplos das ações do git que podemos fazer o hook.

Neste caso temos que utilizar o pre-commit, so que é um role fazer isso na mão então iremos utilizar uma ferramenta que já faz isso para gente que é indicada pelo vite que é o [Husky](https://github.com/typicode/husky)