Je laptop is vijf jaar oud, de build duurt acht minuten en je wilt vanaf een tablet in de trein een bug fixen. code-server draait Visual Studio Code op een server en geeft je de volledige editor in een browsertabblad — dezelfde extensies, dezelfde terminal, dezelfde sneltoetsen. Het zware werk gebeurt op de VPS; je apparaat tekent alleen de interface.
Waarom een VPS er goed voor werkt
- Eén omgeving overal. Dezelfde checkout, tools en instellingen vanaf je laptop, een geleende pc of een iPad.
- Builds trekken je batterij niet leeg. Compileren en testen gebruiken de CPU van de server.
- Lange taken overleven. Klap je laptop dicht, en een taak in tmux loopt gewoon door.
- Snelle downloads.
npm installendocker pulllopen over de snelle verbinding van de server, niet over hotelwifi.
Wat het nodig heeft
| Werklast | Aanbevolen plan |
|---|---|
| Scripts, configuratie bewerken, kleine Python-projecten | Micro — 1 vCPU, 2 GB, $5/mnd |
| Webapps met TypeScript, PHP of Go | Small — 2 vCPU, 4 GB, $8/mnd |
| Meerdere projecten, Docker-builds, grote monorepo's | Medium — 4 vCPU, 6 GB, $12/mnd |
Language servers zijn de verborgen kostenpost. Een TypeScript-project met een paar duizend bestanden kan in zijn eentje een gigabyte innemen.
Installatie
Als gewone gebruiker met sudo (niet root — zie onze handleiding voor een sudo-gebruiker):
curl -fsSL https://code-server.dev/install.sh | sh
sudo systemctl enable --now code-server@$USER
Het installatiescript kiest het juiste pakket voor je distributie. De instellingen staan in ~/.config/code-server/config.yaml:
bind-addr: 127.0.0.1:8080
auth: password
password: use-a-long-random-password
cert: false
Herstart na het bewerken: sudo systemctl restart code-server@$USER. Laat bind-addr op 127.0.0.1 staan — het mag nooit op een publiek adres luisteren zonder HTTPS ervoor.
Toegang 1: SSH-tunnel (werkt op elk plan)
Vanaf je eigen machine:
ssh -p 22 -N -L 8080:127.0.0.1:8080 you@203.0.113.10
Open daarna http://localhost:8080. Er staat niets open naar internet, en SSH doet de versleuteling. Gebruik op een NAT-plan je persoonlijke SSH-poort uit het paneel in plaats van 22. Dit is de opzet die we een solo-ontwikkelaar zouden aanraden.
Toegang 2: HTTPS op je eigen domein
Voor toegang vanaf apparaten waar je geen SSH kunt draaien, zet je nginx ervoor op een plan met dedicated IP. Laat een subdomein naar de server wijzen (zo doe je dat) en proxy met WebSocket-ondersteuning:
server {
server_name code.example.com;
location / {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}
Haal een certificaat op met certbot --nginx -d code.example.com. Onze reverse proxy-handleiding behandelt de details. Met een publieke URL is het wachtwoord in config.yaml het enige tussen internet en een shell op je server, dus maak het lang.
Goed om te weten voor je overstapt
- Extensies komen uit Open VSX. De populairste staan er; een paar Microsoft-exclusieve niet. Controleer de jouwe eerst.
- Browsersneltoetsen winnen soms. Ctrl+W sluit het tabblad, niet het bestand. code-server installeren als PWA via het browsermenu lost het meeste op.
- Geen GPU. Het is een CPU-server — prima voor code, niet voor het trainen van modellen.
- Lange taken in tmux. De ingebouwde terminal gaat samen met het tabblad dood.
Past goed bij
Gebruik je AI-codeeragents, dan kan dezelfde server die naast je editor draaien — zie een codeeragent draaien op een VPS en de toepassing voor Claude Code. Plandetails en upgrademogelijkheden staan in de documentatie over plannen.
Reacties
Nog geen reacties. Wees de eerste.