Skip to content

Configurando Ambiente

Jump to bottom
Matheus Teixeira edited this page Jul 1, 2023 · 1 revision

NPM

O Node package Manager nada mais é que que um repositório que controla as bibliotecas de JavaScript, existem outros como yarn, porém neste caso vamos usar o npm.

Principais comandos do npm

Obs: Todos os comandos npm devem começar com o comando npm, exemplo npm ls

  • install ou i - Instala alguma dependencia no projeto
  • uninstall - Desinstala uma dependencia dno projeto
  • list ou ls - Lista as dependecias do projeto
  • start - Inicia uma instancia do projeto no navegador que estiver configurado

Flags ao instalar uma dependência

--save - Salva a dependências no arquivo package.json (Importante pois uma vez baixado não precisa ser instalado por outro dev)

--force - NPM bloqueia algumas dependências pois podem conflitar com outras, usando o force ele irá forçar a instalação.

Rodando o projeto

Instalando as dependências do projeto

Após o clone e abrir o projeto no vscode, abra um novo terminal:

Instale todas as dependências do projeto com npm install (poderá dar erro, se for o caso use o comando npm install --force):

Obs: Na primeira vez instalando as dependências do projeto poderá demorar um pouco, pois são bastante bibliotecas.

Iniciando o projeto

Você consegue configurar o navegador que quer usar no arquivo launch.json que está dentro da pasta .vscode

Obs: Pode alterar sem medo, esse arquivo não é enviado ao git pois está configurado no .gitignore

Após isso, basta rodar o comando npm start quer irá começar a começar o servidor de desenvolvimento

Caso não abra automaticamente no navegador, basta acessar pelo ip que aparecer no terminal, o padrão é o 3000 e o 8080

Instalando uma biblioteca

Caso você ache alguma biblioteca legal para usar no projeto, baixe ele com o seguinte comando:

npm install {biblioteca} --force

Por exemplo:

npm install primereact --force

Obs 1: No site da biblioteca vai ter o comando para instalar, basta copiar e colar no terminal

Obs 2: Caso baixe a biblioteca e por algum motivo não irá usar, desinstale a biblioteca do projeto com o npm uninstall primereact --force para não deixar o projeto cada vez mais pesado com bibliotecas instaladas que não estão sendo utilizadas

Parando o servidor de desenvolvimento

Para encerrar o servidor, basta ir no terminal e dar um CTRL + C e responder com Y na confirmação:

Clone this wiki locally