Você está procurando uma maneira de programar de praticamente qualquer lugar sem o incômodo de carregar seu laptop? Considere usar o code-server, um aplicativo auto-hospedado robusto que traz todo o poder do Visual Studio Code diretamente para o seu navegador. Ao configurar o code-server no servidor do seu laboratório doméstico, você pode desfrutar de uma experiência de desenvolvimento integrada que garante acessibilidade e controle sobre seu código e dados, eliminando a necessidade de IDEs de nuvem de terceiros.
Compreendendo o Code-Server e os benefícios da auto-hospedagem
O Code-server opera o VS Code em um servidor remoto, permitindo acesso a ele por meio de qualquer navegador da web. Sua funcionalidade é semelhante à da versão para desktop, suportando recursos como preenchimento automático, depuração, integração com Git e uma variedade de extensões. Essa configuração é particularmente vantajosa para dispositivos de baixo consumo, incluindo tablets e Chromebooks, pois todas as tarefas computacionais ocorrem no servidor, mantendo um ambiente consistente e acessível de qualquer lugar.
A auto-hospedagem deste aplicativo oferece diversas vantagens importantes: você obtém controle incomparável sobre seu ambiente de desenvolvimento, privacidade aprimorada e flexibilidade para personalizar vários recursos, incluindo o uso de um domínio pessoal, a ativação de HTTPS e o gerenciamento do acesso do usuário, ao mesmo tempo em que dimensiona os recursos de computação conforme necessário.
Para começar, confira esta folha de dicas útil!
Instalando o Code-Server no Linux
A configuração do code-server é simples quando você utiliza o Docker para o processo de instalação.
Primeiro, baixe a imagem oficial do servidor de código do Docker Hub com o seguinte comando:
sudo docker pull codercom/code-server
Este comando garante que você tenha a versão mais recente da imagem do servidor de código armazenada localmente antes de prosseguir com a criação do contêiner.
Em seguida, inicie um novo contêiner de servidor de código em segundo plano executando um comando que especifica uma senha exclusiva e garante armazenamento persistente:
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
Com o servidor de código configurado, acesse-o pelo seu navegador web digitando http://localhost:8443. Insira a senha definida durante o docker runcomando e clique em Enviar para efetuar login no servidor de código.
Introdução ao Code Server
Ao fazer login, você encontrará uma interface muito semelhante à versão desktop do VS Code. Aqui está uma breve visão geral dos principais componentes que você encontrará:
Explorador de Arquivos
O Explorador de Arquivos permite que você navegue pelos seus projetos sem esforço. Você pode navegar por pastas, abrir arquivos, criar novos e gerenciar a estrutura do seu projeto com facilidade.
Editor
A área central é o Editor, onde você executará a maior parte do seu trabalho. Quando os arquivos são abertos, eles são exibidos aqui para escrita e formatação de código, assim como você faria na versão desktop do VS Code.
terminal
O Terminal está convenientemente localizado na parte inferior do servidor de código. Você pode abri-lo no menu superior selecionando “Terminal” e depois “Novo Terminal” ou usando o atalho de teclado Ctrl+ `. Além disso, você pode acessar o terminal rapidamente pressionando Ctrl+ Shift+ C.
Extensões
As extensões são o que torna o VS Code poderoso. Usando a aba Extensões (localizada na barra lateral), você pode procurar, instalar e gerenciar extensões do VS Code, que incluem linters, temas e diversas ferramentas de suporte a idiomas.
Pesquise qualquer extensão usando a barra de pesquisa para instalá-la e ativá-la rapidamente, aprimorando os recursos do seu ambiente de desenvolvimento.
Personalizando seu IDE baseado em navegador
Para personalizar a aparência do seu IDE, como alterar o tema, clique no ícone de engrenagem localizado no canto inferior esquerdo, passe o mouse sobre “Temas” e selecione “Tema de cores” no menu suspenso:
Uma lista de temas disponíveis será exibida, permitindo que você visualize e aplique a escolha desejada.
Além disso, você pode instalar facilmente qualquer tema preferido na aba Extensões, ativando-o imediatamente.
Além disso, você pode personalizar outras configurações clicando no ícone de engrenagem e selecionando Configurações. Aqui, é possível fazer modificações no comportamento do editor, tamanhos de fonte, formatos e muito mais.
Criando e executando seu primeiro programa no Code-Server
Para criar um novo arquivo, utilize o painel do Explorer ou use o atalho de teclado Ctrl+ Alt+ N:
Selecione uma linguagem de programação clicando em Selecionar uma linguagem ou usando o atalho Ctrl+ K, depois M, e escolha a linguagem desejada, como Python.
Cole o seguinte código no editor para imprimir “Bem-vindo ao maketecheasier.com” três vezes:
for i in range(3): print("Welcome to maketecheasier.com")
Antes de executar este programa, certifique-se de que o Python esteja instalado no seu servidor. Salve o arquivo pressionando Ctrl+ S, atribuindo-lhe um nome adequado e clicando em OK:
Para executar o script Python, abra o terminal com Ctrl+ `e execute o seguinte comando:
python3 mteExample.py
Com o code-server funcionando com sucesso no seu sistema Linux, você agora desfruta dos benefícios do desenvolvimento baseado em navegador. Você pode personalizar seu ambiente com temas e extensões, executar código em diversas linguagens de programação e proteger o acesso por meio de um domínio personalizado e HTTPS. Como próximo passo, considere aprimorar sua configuração explorando fluxos de trabalho do Git, habilitando SSL para produção ou integrando ferramentas web adicionais, como JupyterLab, Docker ou Portainer, para expandir as capacidades do seu laboratório doméstico.
Deixe um comentário