Alterando a porta 3000 de um projeto em React ou NodeJS

Publicado por Fábio Berbert de Paula em 31/01/2023

[ Hits: 7.898 ]

Blog: https://fabio.automatizando.dev

 


Alterando a porta 3000 de um projeto em React ou NodeJS



Dica rápida de como alterar a porta padrão de um projeto em React ou NodeJS.

Quando você executa um projeto, por padrão ele é executado na porta 3000:

npm start
Compiled successfully!

You can now view Alexa Bolada in the browser.

Local: http://localhost:3000
On Your Network: http://192.168.0.100:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully
...


Para executá-lo em outra porta, basta definir a variável de ambiente PORT. Por exemplo, para executar na porta 3001:

PORT=3001 npm start
Compiled successfully!

You can now view Alexa Bolada in the browser.

Local: http://localhost:3001
On Your Network: http://192.168.0.100:3001

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully
...


Ou, se você estiver usando o Yarn:

PORT=3001 yarn start

Para tornar a alteração permanente, basta adicionar a variável de ambiente PORT no arquivo .env:

PORT=3001

E então executar o projeto:

npm start

Ou, se você estiver usando o Yarn:

yarn start

Por hoje é isso. Até a próxima!

Outras dicas deste autor

Verificar bateria do mouse bluetooth via linha de comando

Python - atualizando todos os módulos com pipdate

Como navegar sem cache no Chrome e Firefox

Guia de Certificação Linux

Servidor web via linha de comando com Node.js (http-server)

Leitura recomendada

Executando um projeto em React JS no modo HTTPS

React não recarrega a página ao salvar no Linux [Resolvido]

Criando um Jogo de Corrida em React Native [Vídeo]

React Native: Package Ignored Invalid Configuration [Resolvido]

Não mude as convenções do Ruby on Rails sem bons motivos

  

Comentários
[1] Comentário enviado por maurixnovatrento em 01/02/2023 - 21:16h


Boa dica.

___________________________________________________________
Conhecimento não se Leva para o Túmulo.
https://github.com/mxnt10



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts