Como compartilhar seu projeto de forma pública em desenvolvimento usando o VS Code

Henrique — Wed, 16 Apr 2025 14:46:37 +0000

O VS Code guarda segredos que poucas pessoas conhecem, uma delas é a função de expor seu projeto publicamente sem precisar hospedar em serviços de cloud (port forwarding).

Esse recurso é útil para mostrar o projeto para outros membros da equipe ou clientes. Por questões de segurança, deve ser usado somente para desenvolvimento, veja como fazer:

Pressione CTRL + Aspas ( ' ) em seu teclado e acesse a aba "Ports".
Clique no botão "Forward a port" e informe a porta que está sendo executado seu projeto.
Você receberá um link de acesso, mas ele ainda é privado (somente você consegue acessar), para permitir o acesso público, clique com o botão direito do mouse sobre "Private". Mude o Port visibility para "Public".
Pronto! Você terá seu projeto disponível de forma pública e de fácil acesso, basta copiar o link e compartilhar com sua equipe.

Observações:

Ao fazer o processo pela primeira fez, será necessário se autenticar com o Github.
Para que o link fique disponível, é necessário que o projeto esteja rodando em sua máquina na mesma porta informada no compartilhamento.

Como recuperar quase qualquer coisa no git (git reflog)

Henrique — Thu, 03 Apr 2025 20:21:02 +0000

Reflog é um recurso do Git que armazena informações das alterações de branch, commit, merge, rebase, checkout, entre outros (uma espécie de dedo duro 🫣).

Diferente do git log, que rastreia commits de todas as pessoas do projeto, o reflog é armazenado localmente e apenas você tem acesso as informações referente as atualizações que fez (cada pessoa do projeto tem seu próprio reflog).

Ao dar o comando git reflog você terá acesso as atualizações que você fez no projeto nos últimos 90 dias (esse tempo pode ser alterado), tendo acesso a informações que não são mais visíveis através dos comandos como git log e git branch.

Podemos identificar cada alteração através de 2 formas:

Hashs (em amarelo na imagem)
Identificador HEAD@{n}, onde "n" representa o número de movimentos atrás no histórico. Por exemplo, HEAD@{2} refere-se ao estado de duas alterações atrás.

Usamos esses identificadores para recuperar branchs, acessar um commit antigo, desfazer um reset ou obter informações específicas do projeto:

git reset --hard
Recuperar commits antigos - Isso irá desfazer todas as alterações atuais do projeto.

git checkout -b new-branch
Criar uma nova branch a partir de um commit anterior identificado no reflog.

git diff master master@{yesterday}
Mostrar todas as alterações na branch master do dia anterior.

git checkout bugfix@{2.days.ago}
Visualizar como a branch bugfix estava a 2 dias atrás.

Para saber mais, confira a documentação do git reflog.

DEV Community: Henrique

Como compartilhar seu projeto de forma pública em desenvolvimento usando o VS Code

Como recuperar quase qualquer coisa no git (git reflog)