Instruções

INSTRUÇÕES P/ FRONTEND NO WINDOWS + PHPSTORM

1. Instalar GIT no Windows:

https://git-scm.com/download/win
+INFO: https://guides.co/g/bitbucket-101/11148

2. Configurar GIT no Windows:

$ git --version
$ git config --global user.name "Emma Paris"
$ git config --global user.email "eparis@atlassian.com"
+INFO: https://confluence.atlassian.com/get-started-with-bitbucket/install-and-set-up-git-860009658.html

3. Configurar GIT no PhpStorm (colocar o path do GIT)

 In the Settings/Preferences dialog (Ctrl+Alt+S), select Version Control | Git in the left pane and specify the path to the Git executable. (Ex: C:\Program Files\Git\cmd\git.exe
+INFO: https://www.jetbrains.com/help/phpstorm/using-git-integration.html

4. Autenticação: Ao realizar uma operação que precise de autenticação pela primeira vez no Git do PhpSotrm, será pedido as suas credenciais, deverá ser usado as credenciais do Bitbucket (e-mail e senha). O PhpStorm vai salvar as credenciais num DB interno, caso escolha salvar. Ver Link do passo 3. para + informações.
(OPCIONAL): Instalar https://github.com/Microsoft/Git-Credential-Manager-for-Windows para salvar as credenciais, quando estiver utilizando o Git via linha de comando do Windows (fora do PhpStorm).

5. Clone do projeto a partir do BitBucket:
From the main menu, choose VCS | Checkout from Version Control | Git.

Coloque a url do repositório, nesse caso: https://{USERNAME DO BITBUCKET}@bitbucket.org/iLoveAveiro/iLoveAveiro.git (uma coisa destas)
Selecione o diretório local para onde será copiado o conteúdo.
Clique em CLONE. Provavelmente pedirá crendenciais, fornecer a senha do bitbucket.
+INFO: https://www.jetbrains.com/help/phpstorm/manage-projects-hosted-on-github.html

6: Checkout

Ao término do Clone, uma janela dentro do PhpStorm se abrirá perguntando se deseja abrir a pasta. Aceitar.
O projeto, já copiado localmente e linkado ao bitbucket vai se abrir. Por padrão o PhpStorm abre o projeto na "master" branch,
que é a branch principal.

+INFO: https://www.atlassian.com/git/tutorials/using-branches/git-checkout

7: Instalar NPM:

https://nodejs.org/en/

Seguir prompts, o NPM será adicionado ao path do Windows (isso significa que pode ser executado a partir da linha de comandos do Windows, de qualquer local - assim como o Git)

$ node -v
$ npm -v

+INFO: https://blog.teamtreehouse.com/install-node-js-npm-windows

8: Configurar NPM no PhpStorm

Instalar Plugin do Node no PhpStorm (buscar por Node)
+INFO: https://www.jetbrains.com/help/phpstorm/managing-plugins.html

Aceder a File | Settings | Languages and Frameworks | Node.js and NPM
Colocar o path para o executável do Node
Ex: C:\Program Files\nodejs\node.exe
Verificar o path para o NPM
Ex: C:\Program Files\nodejs\node_modules\npm

+INFO: https://www.jetbrains.com/help/phpstorm/node-js.html

9: NPM INSTALL

Retornar ao projeto clonado anteriormente, dentro do PhpStorm e: Ctrl+Shift+X
Para abrir a linha de comando dentro do PhpStorm. Digitar abaixo:

$ npm install    (tem o mesmo efeito que executar o comando dentro através do prompt do Windows dentro do diretório do projeto)

ATENÇÃO: VAI SE ABRIR UMA TELA PERGUNTANDO SE DESEJA ADICIONAR OS ARQUIVOS NOVOS AO GIT, <<<NÃO ADICIONAR>>>, CLICAR EM "CANCEL"