Le mot du capitaine...

VSCode depuis son navigateur

Publié le 28 juillet 2022 dans Administration, Développement

Développer depuis internet ?

A Evoliatis nous donnons des formations notamment sur PHP et le framework Laravel à des étudiants Bac+3 et Bac+5. Force est de constater que c'est le plus souvent un cauchemar pour que chacun dispose d'un environnement de développement identique et stable. C'est pour cette raison que nous avons mis en place une solution 100% web basée sur Visual Code et Docker. Et, OUI, c'est possible !

La solution est assez simple à mettre en place grâce aux conteneurs Docker. Nous proposons d'ailleurs sur notre github publique d'une configuration incluant les scripts de génération des images à l'adresse : https://github.com/evoliatis/Laravel-Install

En voici le fichier principal qui nous servira de point de départ

Ajout de VSCode Server

Pour ajouter Visual Code, il suffit de déployer l'adaptation Open Source proposée par le site : https://coder.com/ que vous retrouverez dans le github : https://github.com/coder/code-server
Une version en fichier .deb pour Ubuntu/Debian est disponible ainsi qu'un script d'installation : https://code-server.dev/install.sh

Voici un exemple basique de Dockerfile de base que je vous laisse le soin de finaliser

Pour terminer une capture d'écran réalisée depuis mon navigateur pour bous montrer le résultat. Notez que les raccourcis utilisés habituellement fonctionnent parfaitement malgré le mode web. Même le terminal vous permettra de lancer vos commandes habituelles. A vous les commit/push/pull et le développement de votre site sans avoir besoin d'installer quoi que ce soit depuis votre poste !

Une façon plutôt pratique de développer votre site web, non ?

Capture d'écran VSCode Web
Visual Code éditant une page PHP avec la colorisation syntaxique

Si vous êtes intéressé par cette solution en usage généralisé, sachez que nous avons dores et déjà tous les outils capables d’industrialiser le processus de déploiement avec tous les composants dont vous pourriez avoir besoin : PHP et composer (toutes versions), NodeJS (npm et yarn), Python, Ruby... N'hésitez pas à nous contacter !

RETOUR
Réalisation du webdesign par Kalk et développement par Les imageurs