Ai-je besoin de VSCode sur ma machine pour l'utiliser ?

Un jour, peut-être, nous n'aurons plus besoin d'installer un système d'exploitation : juste Docker sur notre machine. Bon, ce ne sera pas pour demain, mais en ce qui concerne VSCode, oui, c'est déjà possible.

Vous avez bien lu : il existe une image Docker qui n'est rien d'autre que VSCode dans un navigateur.

C'est inutile si vous êtes un gros utilisateur de VSCode (= vous l'avez installé sur chacun de vos ordinateurs), mais il y a des situations où, par exemple, vous devez travailler sur un autre ordinateur (le vôtre est en réparation ou vous êtes en déplacement sans votre machine) et là, l'image Docker de VSCode sera bien pratique.

Une troisième option, quand vous avez bien VSCode en local mais que le code se trouve ailleurs : Développement distant en SSH avec VSCode.

Ou alors... vous n'êtes pas encore convaincu par VSCode et vous voulez juste l'essayer.

Si tout ce dont vous avez besoin est d'éditer un fichier ou deux dans un repository GitHub, il existe une option encore plus légère qui ne nécessite pas Docker du tout : voyez Démarrer VSCode depuis github.com.

Une commande docker run codercom/code-server, et voici le résultat : un VS Code complet, dans votre navigateur.

Pourquoi ça fonctionne​

• Aucune installation locale de VS Code nécessaire — l'éditeur tourne dans le container, votre navigateur ne sert que d'affichage.
• La configuration est stockée sur votre host (~/.config/), pas dans le projet : elle survit aux containers et est partagée si vous lancez code-server pour plusieurs projets.
• L'utilisateur du container est mappé sur le vôtre (-u "$(id -u):$(id -g)"), donc les fichiers créés ou modifiés depuis le navigateur conservent vos permissions habituelles — pas de fichiers appartenant à root à nettoyer ensuite.

Installation​

En exécutant l'instruction ci-dessous, vous allez télécharger (une seule fois) l'image Docker codercom/code-server puis lancer un container en tant que daemon.

$ {`docker run -d --name code-server -p 8080:8080 \
  -v "\${HOME}/.config:/home/coder/.config" \
  -v ".:/home/coder/project" \
  -u "\$(id -u):\$(id -g)" \
  -e "DOCKER_USER=\${USER}" \
  codercom/code-server:latest`}
▋

Une fois la commande passée avec succès, ouvrez simplement votre navigateur et rendez-vous sur http://127.0.0.1:8080 pour démarrer VSCode dans le navigateur.

La configuration de code-server est donc stockée dans votre répertoire personnel, dans le dossier ~/.config/. Ainsi, les fichiers de configuration ne font pas partie de votre projet courant et la configuration sera la même si vous lancez code-server à plusieurs endroits, pour différents projets.

Récupérer le mot de passe​

En ouvrant http://127.0.0.1:8080, vous obtiendrez cet écran :

Retournez dans votre console et exécutez cat ${HOME}/.config/code-server/config.yaml pour découvrir la configuration de code-server. Vous verrez quelque chose comme ceci :

$ {`cat \${HOME}/.config/code-server/config.yaml`}

bind-addr: 127.0.0.1:8080
auth: password
password: d8345b9abff6c01d044fac59
cert: false
▋

Copiez/collez le mot de passe dans le formulaire, validez et tadaaa — le même VS Code dans le navigateur que celui déjà montré en haut de cet article.

Conclusion​

Une image Docker, une commande docker run, et un VS Code complet est disponible depuis n'importe quel navigateur — pas d'installation locale, pas de configuration perdue, pas de casse-tête de permissions sur les fichiers que vous éditez. Poursuivez avec la documentation officielle : https://github.com/coder/code-server ou https://coder.com/docs/code-server/guide pour plus d'informations.