Como posso mudar a porta do local host | server port | Erro na porta http://localhost:3000/

Como posso mudar a porta do local host

 Em caso de executar seu programa criando com "Vite "

E ele acusa um erro

Error "Cannot Get"  na porta 3000

http://localhost:3000/

Ao executar o programa com o comando npm run dev

É porque ele não consegue chegar até a porta solicitada, uma das causas é porque a porta está sendo usada por outro programa que está sendo executado na mesma porta.

Uma solução seria parar ou fechar o programa anterior com  CTRL + C

Ou também você pode deixar ele rodando e abrir este novo em uma outra porta.

Agora bem, a continuação vamos a seguir passo a passo como trocar ou mudar a porta do servidor (localhost).

Passo 1:

Clique no arquivo vite.config.js

Passo 2:

Vamos até a função defineConfig() E agregue código

server: {
port: 3001,
}

Este código é para trocar a porta que vite esta tentando abrir por defeito

http://localhost:3000/

E com este código estamos definindo que para este projecto vamos a usar a porta

http://localhost:3001/

Passo 3:

CTRL + S para guardar

Automaticamente ele reataurara o servidor

Passo 4: 

Clique no terminal

CTRL + C para parar execução da aplicação

Passo 5:

Digite no terminal o comando

npm run dev

pressionar ENTER no teclado

Ao executar ele vai apresentar a rota http://localhost:3001/

Passo 6: 

Pressione CTRL + CLICK

no link para ir até a porta

Passo 7:

Automáticamente será aberta uma janela com seu projeto rodando na nova porta  3001

http://localhost:3001/

Assim como colocamos a porta 3001, pode usar qualquer número

por exemplo pode também modificar para a porta

http://localhost:5173/

Só é colocar 5173 em lugar de 3001 no passo 2

Aqui deixo a documentação para mais informação -- https://vitejs.dev/config/server-options.html

DevRel  💜  Nadi Duno  ©Janeiro/ 2023

Erro ao subir o repositório (Git Bash - GitHub)

 Ao tentar agregar o meu repositório local ao remoto

Usando o comando

git remote add origin https://github.com/nadiduno/logicClas

Teve um seguinte erro

error: remote origin already exists.

Indicando que o repositório existia por isso não podia agregar-o

Ai eu usei o comando

git remote -v

Para ver a versão o repositório remoto (do GitHub)

Retornando-me um nome diferente ao que eu tentava subir, e é porque eu colei as configurações iniciais de meu projeto, aí ele preservou  as configurações até do repositório onde estava o anterior.

E para solucionar este problema deve-se usar o comando

git remote remove origin

Para remover a ligação do antigo repositório (remoto)

Assim o problema está resolvido e agora SIM, podemos usar o add e subir  à web o repositório usando push.

Aqui está a sequência de comando que eu utilice, desejo poder ajudar em caso de você ter uma situação igual.

Com 💜 Nadi Duno

A devrel Nadi Duno

Neste blog estará fazendo um diário de estudo, de minhas vivencias na atualização como desenvolvedor web - front-end.

Lembre-se que este mundo requere da constante atualização, se queremos seguir vivos e não ser engolidos pelo exponencial crescimento da tecnologia.

Aqui estarei plasmando meus conhecimentos e a forma de como eu enxergo o aprendizado.

Neste diário de estudo eu estrei postando sobre lógica de programação, como criar uma página usando CCS e HTML, como podemos estilizar nossas páginas web além do SASS estarei usando o tailwindCss, também typeScript, assim com a implementação de react JS no desenvolvimento de sites desde o clássico Olá Mundo até uns bem performáticos e usáveis, tudo isso guiado do desenvolvimento de interfaces usando o figma.

 

Estou nas redes sócias com @nadiduno, podem seguir-me e trocar um papo, estou na sua disposição para qualquer dúvida, em caso de não saber podemos descobri juntos, me intuito é aportar e crescer juntos na comunidade de dev brasileiros.

 

Um forte abraço e obrigada por mi ler, com 💜 Nadi Duno

https://www.linkedin.com/in/nadiduno/

https://twitter.com/nadiduno