Agora em beta, Codespaces GitHub fornecer um IDE on-line no navegador com base no Visual Studio Code.

Isso permite que você use esse IDE completo, com extensões, terminal, comandos Git e todas as configurações com as quais está acostumado, em qualquer máquina. Agora você pode trazer seu fluxo de trabalho de desenvolvimento para qualquer lugar usando um tablet ou outro dispositivo baseado em navegador.

Codespaces é uma ótima notícia para contribuidores de código aberto também. Adicionando uma configuração de espaço de código para o seu projeto é uma ótima maneira de convidar novas pessoas para começar a contribuir facilmente.

Um novo colaborador de código aberto ou novo contratado em sua organização pode rapidamente abrir um codespace e começar a hackear good first issue sem nenhum ambiente local configurado ou instalações necessárias.

Iniciando um novo codespace

Adicionamos definições de configuração de codespace no OWASP Web Security Testing Guide (WSTG). Quer dar uma volta? Veja nosso questões abertas.

Configurando Codespaces

Você pode usar o código do Visual Studio .devcontainer pasta para configurar um contêiner de desenvolvimento para seu repositório também.

Muitos recipientes pré-construídos estão disponíveis – basta copiar o .devcontainer você precisa para a raiz do seu repositório. Se o seu repositório não tiver um, um imagem base padrão do Linux será usado.

Aqui está um motivo para remover .vscode de você .gitignore Arquivo. Quaisquer novos espaços de código criados em seu repositório agora respeitarão as configurações encontradas em .vscode/settings.json. Isso significa que seu IDE online pode ter a mesma configuração de espaço de trabalho que você tem em sua máquina local. Isso não é útil!

Tornando Codespaces Pessoais

Para o próximo nível personalização dotfiles, considere enviar arquivos relevantes de seu dotfiles pasta como um repositório público do GitHub em yourusername/dotfiles.

Quando você cria um novo espaço de código, isso traz suas configurações, como apelidos de shell e preferências, criando links simbólicos para dotfiles em seu espaço de código $HOME. Isso personaliza todos os espaços de código que você cria em sua conta.

Precisa de inspiração? Squeaky toy meu repositório dotfiles no GitHub.

Desenvolvendo em Codespaces

Desenvolvendo em um codespace é uma experiência familiar para usuários do Visual Studio Code, desde a execução de um aplicativo localmente.

Graças a encaminhamento de porta, quando executo um aplicativo em um terminal de espaço de código, clicando no localhost URL me leva à porta apropriada como saída do meu codespace.

Quando estou trabalhando em meu blog no meu codespace, por exemplo, eu corro hugo serve em seguida, clique no fornecido localhost:1313 link para ver uma prévia das minhas alterações em outra guia do navegador.

Quer ficar sincronizado entre os dispositivos? Existe uma extensão para isso. Você pode conecte-se ao seu codespace a partir do Visual Studio Code em sua máquina local para que você possa continuar de onde parou.

Desenvolva em qualquer lugar

Codespaces é uma adição superexcitante ao meu fluxo de trabalho do GitHub. Ele me permite acessar meu processo de desenvolvimento completo em praticamente qualquer lugar, usando dispositivos como meu iPad.

Isso também tornará mais fácil para novos contribuidores de código aberto ou novos contratados em sua organização começar a trabalhar com um IDE configurado.

Se você tiver acesso ao beta limitado, convido você a girar um espaço de código e tentar contribuindo para o WSTG, ou para um problema em um dos meus projetos de código aberto.

Estou ansioso para disponibilidade geral e ver o que a comunidade de código aberto vai sonhar para Codespaces do GitHub a seguir!

E sim – suporte a codespaces seu tema favorito do Visual Studio Code. 😈

codespace
Captura de tela de um codespace com o Kabukichō tema para Visual Studio Code