VS Code Servidor

O VS Code integrado ao RoqueOS é uma IDE completa que roda diretamente no navegador, alimentada pelo code-server. Ele compartilha o mesmo filesystem do Terminal e do Gerenciador de Arquivos, permitindo uma experiência de desenvolvimento fluida sem instalar nada no seu dispositivo.

---

Destaques

📁

Filesystem Compartilhado

Mesmos arquivos visíveis no Finder, Terminal e VS Code.

🧩

Extensions

Instale extensões do marketplace para qualquer linguagem.

⬛

Terminal Integrado

Terminal bash dentro do VS Code com acesso ao ambiente Ubuntu.

💾

Volumes Docker

Edite arquivos do seu HD local mapeado como volume.

---

Como Funciona?

O VS Code do RoqueOS roda dentro do container Ubuntu do servidor. Isso significa que ele tem acesso a:

• O mesmo filesystem é acessível pelo Finder, Terminal e VS Code
• Arquivos criados no Terminal aparecem no Finder e vice-versa
• Volumes Docker mapeados (seus HDs locais) estão disponíveis em /app/disks/

---

Primeiros Passos

1. Conecte ao Servidor

Certifique-se de que está conectado ao seu RoqueOS Server. O VS Code só aparece no Launchpad quando há um servidor conectado.

2. Abra o VS Code

No Launchpad, clique no ícone do VS Code. A IDE carregará dentro de uma janela do RoqueOS.

3. Abra uma Pasta

Use File → Open Folder para navegar até os seus arquivos:

• /home/user/ — Pasta do usuário no container Ubuntu
• /app/disks/Projetos — Disco de projetos mapeado do host (se configurado)
• /app/disks/ — Raiz de todos os volumes Docker mapeados

---

Filesystem Compartilhado com o Finder

💡 Conceito chave: Tudo que existe no filesystem do container Ubuntu é visível tanto no VS Code quanto no Gerenciador de Arquivos e no Terminal.

Fluxo de trabalho típico:

1. Upload de arquivos pelo Finder (arrastar e soltar)
2. Editar código no VS Code com syntax highlighting e IntelliSense
3. Executar no Terminal integrado do VS Code ou no app Terminal do RoqueOS
4. Navegar resultados no Finder

Exemplo prático:

Imagine que você mapeou sua pasta de projetos:

# docker-compose.yml
volumes:
  - /home/usuario/Projetos:/app/disks/Projetos

Agora:

• No Finder: você vê Projetos como um disco no painel lateral
• No VS Code: abra /app/disks/Projetos e edite com IntelliSense
• No Terminal: navegue com cd /app/disks/Projetos && ls

Tudo é o mesmo diretório — as mudanças são instantâneas em todos os apps.

---

Extensions

O VS Code integrado suporta extensions do marketplace Open VSX:

Instalando Extensions

1. Clique no ícone de Extensions na barra lateral esquerda (ou Ctrl+Shift+X)
2. Pesquise pela extensão desejada
3. Clique em Install

Extensions Recomendadas

Extension	Para quê
Python	IntelliSense, linting e debug para Python
ESLint	Linting para JavaScript/TypeScript
Prettier	Formatação automática de código
GitLens	Visualização avançada de histórico Git
Docker	Syntax para Dockerfiles e Compose
Live Server	Preview de HTML/CSS em tempo real

---

Terminal Integrado

O VS Code inclui um terminal integrado que roda no mesmo ambiente Ubuntu:

• Abra com Ctrl+` ou View → Terminal
• O terminal tem acesso ao mesmo shell bash que o app Terminal do RoqueOS
• Instale pacotes com apt, use git, node, python3, pip e mais

---

Temas e Personalização

Personalize a aparência do VS Code:

1. Ctrl+Shift+P → Preferences: Color Theme
2. Escolha entre temas nativos ou instale temas do marketplace
3. As configurações são salvas no container e persistem entre sessões

---

Dicas de Uso

DICAS RÁPIDAS

• Use Ctrl+P para busca rápida de arquivos
• Use Ctrl+Shift+P para a paleta de comandos
• O VS Code persiste suas configurações e extensions entre reinicializações do servidor
• Para projetos grandes, abra diretamente a pasta do projeto em vez da raiz
• Use o terminal integrado para instalar dependências (npm install, pip install, etc.)

NOTA

O VS Code roda no servidor, não no seu dispositivo local. Isso significa que a performance depende da RAM e CPU do servidor. Para servidores com menos de 4 GB de RAM, o VS Code pode ficar lento com projetos grandes.