Como desenvolver em um servidor SSH remoto com código Visual Studio

Conteúdo

Gráfico mostrando o ícone de código do Visual Studio

Editar arquivos armazenados em um servidor remoto não precisa ser uma confusão de comandos de shell e editores de texto básicos. O Visual Studio Code é um dos IDEs de desenvolvedor mais populares e uma extensão oficialmente compatível permite adicionar conexões SSH ao seu espaço de trabalho.

A extensão remota – SSH pode se conectar a servidores de rede, liste sua estrutura de diretório e abra e edite arquivos. Quase todas as funções do Visual Studio Code estão disponíveis, incluindo a conclusão do código IntelliSense, depuração integrada e extensões de terceiros.

Iniciando

Comece adicionando a extensão remota – SSH para o seu editor. Presione Ctrl + Mudança + P para abrir a paleta de comandos e digite “instalar”. A barra lateral de extensões aparecerá à esquerda. eu pesquisei “controlo remoto – ssh” e instale a respectiva extensão. É divulgado e apoiado pela Microsoft.

Agora você precisa se conectar ao seu servidor SSH. A extensão funciona com hosts que executam Ubuntu, Debian, CentOS, RHEL e Raspbian. Servidores Windows também são suportados, desde que o servidor oficial Microsoft OpenSSH seja usado. Os hosts MacOS devem ter o recurso de login remoto do sistema operacional habilitado.

Antes de continuar, certifique-se de copiou seu local Chave pública SSH para o seu servidor authorized_keys procedimentos. O VS Code não oferece suporte total à autenticação baseada em senha; mesmo quando vai funcionar, você precisará inserir sua senha novamente cada vez que um comando for executado.

Presione Ctrl + Mudança + P para exibir a paleta de comandos. eu pesquisei “explorador remoto” e execute o comando “Assistir: mostrar navegador remoto” para abrir o painel lateral remoto. Por favor selecione “Destinos SSH” no menu suspenso na parte superior, se ainda não estiver selecionado.

Passe o mouse sobre o cabeçalho “Destinos SSH” no painel lateral. Clique no botão de adição para criar uma nova conexão. Uma janela pop-up irá aparecer permitindo que você insira os detalhes do seu servidor. Deve ser um comando de conexão SSH completo com o -A marque para habilitar o encaminhamento do agente. Isso permite que você use suas chaves locais ao executar comandos SSH subsequentes no servidor.

ssh [email protected] -A

Você será solicitado a escolher um arquivo de configuração SSH para gravar. Você pode selecionar a partir de seu arquivo de usuário padrão, o arquivo de configuração do sistema ou um local personalizado. Escolher o padrão no seu diretório pessoal é geralmente a melhor opção se você não tiver certeza.

Seu novo host será adicionado à barra lateral do Remote Explorer. Clique no ícone de pasta ao lado de seu nome para abrir uma conexão em uma nova janela de código do Visual Studio. A configuração da primeira execução pode levar alguns minutos enquanto o Visual Studio configura o host remoto e ativa seu componente de servidor.

Usando conexões remotas

Depois que a configuração for concluída, você estará em uma janela normal do Visual Studio Code executando operações no host selecionado. Clique no botão “Pasta aberta” no canto superior esquerdo da barra lateral para procurar um diretório em seu servidor. Você pode ser solicitado a reconhecer uma mensagem de confiança do espaço de trabalho; sim é assim, Clique em “sim” para marcar o diretório como confiável e habilitar todos os recursos do editor.

Agora você verá que o diretório do lado do servidor é exibido no painel normal do Explorer do VS Code. Pode abrir arquivos, visualizar seu conteúdo e editá-lo usando o fluxo de trabalho familiar. Se você estiver trabalhando em um repositório Git, você pode usar as funções de controle de código-fonte integradas para organizar e confirmar suas alterações como de costume.

Diretórios com .vscode arquivos permitem recursos como compilações e depuração. VS Code pode executar o conteúdo de diretórios remotos, dando a você uma experiência de desenvolvimento completa. Pressione F5 para iniciar seu aplicativo se um sistema de compilação estiver definido. Você pode determinar pontos de interrupção e percorrer seu código da mesma maneira que os projetos locais.

O painel do terminal de código VS na parte inferior da janela irá conectar-se adicionalmente ao host selecionado. Você pode usar isso para executar comandos em seu servidor remoto.

Depois de abrir um diretório uma vez, aparecerá na barra lateral do Remote Explorer no futuro. Clique em seu nome sob o host SSH para abrir uma nova janela VS Code diretamente para esse diretório remoto.

Como funciona?

Os recursos remotos funcionam instalando um componente do servidor VS Code em sua máquina remota. Isso acontece automaticamente na primeira vez que você se conecta. O servidor monitora o sistema de arquivos, aplica mudanças e inicia processos solicitados pelo editor.

O servidor é necessário para que o VS Code tenha acesso total ao sistema de arquivos e a capacidade de executar código e depurar em seu host. Regularmente, não há necessidade de interagir com o procedimento do servidor, uma vez que é totalmente gerenciado por seu cliente editor. Você pode reiniciá-lo a partir da paleta de comandos se necessário.

Extensões em seu .vscode O arquivo também será instalado no host remoto. Isso dá a eles o mesmo acesso inflexível aos seus arquivos, então a maioria das extensões funcionará sem problemas.

Ao editar dentro do VS Code, obtenha desempenho quase nativo com pouca sobrecarga. As solicitações de leitura e gravação de arquivos são transmitidas da janela do editor de código VS para o procedimento do servidor no host remoto. Isso interage com o sistema de arquivos para fornecer os dados solicitados e fazer as alterações necessárias..

Ao contrário de outras extensões de edição remota, isso se concentra em fornecer uma experiência completa de desenvolvimento remoto, não apenas edição de arquivo simples. A inclusão do componente de servidor é vital para esta abordagem, uma vez que as funções principais do editor são mantidas próximas ao código. Eles são desacoplados da janela de edição que você vê e com a qual interage.

Configure a extensão

A extensão possui várias configurações que você pode inserir através do comando “Remote-SSH: Configuração”. No topo da página, você pode especificar o caminho para um arquivo de configuração SSH personalizado e adicionar um tempo limite de conexão padrão. Isso evita que o Visual Studio pare por muito tempo quando um host remoto para de responder. Mais abaixo na página, a configuração “Máximo de tentativas de reconexão” permite alterar o comportamento do Visual Studio quando uma conexão falha.

A configuração de “Extensões padrão” permite adicionar extensões de código VS que serão instaladas em todos os hosts SSH remotos. Essas extensões estarão disponíveis universalmente, mesmo se você não os tiver adicionado ao seu projeto ativo .vscode procedimentos.

As seguintes caixas de seleção controlam o encaminhamento automático do agente. Estes correspondem às configurações padrão do cliente SSH em seu arquivo de configuração SSH.

Mais configurações permitem que você personalize como o VS Code é exposto e se conecta ao servidor remoto. Você pode escolher usar um soquete em vez de uma porta, agrupar conexões em janelas abertas e usar um caminho binário SSH personalizado. Essas configurações são específicas do ambiente; cada um acompanhado por uma descrição de seu uso pretendido.

Resumo

A extensão SSH remota do VS Code simplifica o trabalho com arquivos em hosts remotos. Você obtém uma experiência de desenvolvimento de classe mundial sem sincronizar arquivos manualmente entre máquinas.

O fluxo de trabalho melhora a usabilidade de ambientes de desenvolvimento remoto. Você pode configurar seu conjunto de ferramentas em um único servidor e permitir que os desenvolvedores acessem remotamente. VS Code é mais confiável, eficiente e poderoso do que as abordagens tradicionais, como montar o sistema de arquivos remoto localmente ou usar software de acesso remoto como VNC.

Ao mesmo tempo de conexões SSH, VS Code também entende contêineres Docker, a Subsistema de Windows para Linux, e Espaços de código GitHub. Você obtém todos os recursos do editor de código VS, não importa onde seu código esteja, dando a você mais flexibilidade ao configurar um novo ambiente.

Assine a nossa newsletter

Nós não enviaremos SPAM para você. Nós odiamos isso tanto quanto você.