Visual Studio Code diretamente do navegador

Visual Studio Code diretamente do navegador

Tutorial de como instalar o OpenVSCode Server e executá-lo via navegador

Mayanna Oliveira's photo
Mayanna Oliveira
·Sep 29, 2021·

2 min read

Tutorial de como usar o OpenVSCode Server

Navegando pelo Github encontrei um repositório com um projeto maravilhoso, porque não rodar o Visual Studio Code diretamente do navegador? Isso só é possível graças ao projeto OpenVSCode Server. Abaixo o vídeo da Gitpod demostrando como executar o OpenVSCode Server:

Launching OpenVSCode server

Como rodar o Visual Studio Code diretamente do navegador:

  1. Ter o Docker devidamente instalado. Caso precise de ajuda na instalação do Docker eu recomendo a leitura da documentação Install Docker Engine on Ubuntu, Install Docker Desktop on Mac ou Install Docker Desktop on Windows.
  2. Crie uma pasta e abra o terminal dentro da pasta criada. Via terminal com o comando mkdir vscode-docker && cd vscode-docker.
  3. Digite no terminal docker run -it --init -p 3000:3000 -v "$(pwd):/home/workspace:cached" gitpod/openvscode-server caso peça permissão de administrador rode sudo docker run -it --init -p 3000:3000 -v "$(pwd):/home/workspace:cached" gitpod/openvscode-server. Aguarde a instalação dos pacotes.
  4. Após a conclusão abra o navegador no endereço http://0.0.0.0:3000. Agora é só usar o OpenVSCode.
  5. Caso precise instalar extensões busque por elas no Extensions for VS Code Compatible Editors.
  6. Para usar no Github é só colocar o link https://gitpod.io/# antes da URL do repositório. Exemplo: https://gitpod.io/#[URL do repositório] ou seja, https://gitpod.io/#https://github.com/mayannaoliveira/repositorio-de-testes.

Caso você queira conhecer mais sobre o Gitpod eu recomendo a série de vídeos abaixo: Gitpod Screencast 01: Getting started with Gitpod

Gitpod

Caso você tenha interesse de saber mais sobre a integração do Gipod com o Gitlab só acessar a documentação onde tem o passo a passo de como usar a ferramenta.

Referências

Documentação do Docker, Repositório do Gitpod, Documentação do Gitpod, Gitpod, Open VSX, OpenVSCode Server, Docker, Install Docker Desktop on Mac, Install Docker Engine on Ubuntu e Install Docker Desktop on Windows.

Seu apoio é importante então siga, compartilhe e curta.

por Mayanna Oliveira

testado no firefoxtestado no bravetestado no linux lite
gitpodprecisa do dockeropen vsx
 
Share this