VSCode dans un Container Docker

Name: VSCode dans un Container Docker
Rating: 4.6 (25 reviews)

Installation et configuration d'un Workspace VSCode complet dans un Container Docker (exemple avec un projet Symfony)

Created byYannis Sgarra

Last updated 7/2023

French

French [Auto],

What you'll learn

Utiliser VSCode dans un Container Docker
Configurer VSCode et ses extensions
Partager sa configuration VSCode dans un projet et avec une équipe
Adapter VSCode à un projet Symfony

Course content

1 section • 11 lectures • 34m total length

Introduction1:47
Bienvenue ! Faisons une petite présentation de l'objectif de ce cours.
Installation des outils0:31
Commençons par installer les 2 outils dont on va parler durant ce cours.
Principe général de VSCode Remote1:49
Essayons de comprendre le fonctionnement globale de l'utilisation de VSCode dans un Container Docker.
Les extensions locales de VSCode4:29
Parlons des extensions de VSCode que l'on va installer au niveau de l'application (et non pas d'un Workspace) et qui seront partagées entre tous les projets ouverts dans VSCode.
Création et démarrage d'une Stack Docker Compose2:47
Configurons et démarrons notre Stack Docker Compose avec le Container qui hébergera le Workspace VSCode de notre projet.
Configuration de l'extension VSCode DevContainer4:39
Configurons l'extension VSCode DevContainer pour indiquer à VSCode dans quel Container Docker installer le Workspace du projet et de quelle façon le démarrer.
Installation d'un projet Symfony4:03
Utilisons notre environnement de développement pour installer une nouvelle application Symfony dans notre Container Docker, en passant par VSCode.
Petit aparté sur Git0:39
Parlons de l'utilité d'un volume Docker partagé entre le Host et le Container Docker pour accéder, depuis le Host, aux modifications du code source de l'application faites dans le Container.
Installation et configuration d'extensions dans le Workspace VSCode du projet9:11
Installons et configurons quelques extensions utiles pour notre projet Symfony. Ces extensions seront installées dans le Workspace VSCode du projet, situé dans le Container Docker.
Installation de Node.js et de Webpack Encore dans le projet4:28
Installons Node.js dans notre image Docker pour pouvoir l'utiliser directement dans VSCode pour faire tourner des commande du bundle Webpack Encore que l'on va ajouter à notre projet Symfony.
Conclusion0:22
Merci d'avoir suivi ce cours ! J'espère vous avoir fourni assez d'information pour que vous puissiez vous configurer un environnement de développement sur mesure en utilisant VSCode dans un Container Docker.
Je vous joins le code source du projet que l'on vient de développer dans ce cours, en ressource à télécharger de la conclusion.

Requirements

Avoir déjà utilisé un IDE (VSCode, PHPStorm, etc.)
Avoir des bases en Docker et Docker Compose

Description

Lorsqu’on souhaite développer un projet dans un langage donné, on a toujours besoin des mêmes outils et configurations : du binaire dudit langage jusqu’aux extensions de son IDE, pour appliquer des normes de code, établir des standards et uniformiser l’écriture de code au sein de l’équipe de développeurs, par exemple.

Docker a résolu une partie de l’équation, en nous permettant d’intégrer au sein même du code source de notre application toute la configuration nécessaire pour monter la Stack du projet et faire tourner l’application sur notre environnement local dans des conditions identiques à la production et ce, chez chacun des développeurs de l’équipe.

Nous allons donc voir comment pousser l’intégration des outils de développement un peu plus loin, pour intégrer dans le projet toute la configuration nécessaire pour faire tourner un Workspace VSCode pour le projet dans un Container Docker, apportant les avantages suivants :

Ne pas avoir à installer en local des binaires comme PHP, Nodejs, etc. mais utiliser ceux qui seront dans le Container Docker
Utiliser les mêmes extensions pour l’IDE VSCode, configurées de la même manière entre tous les développeurs d’un projet (syntaxe, code linting, coding standards, etc.)

Cette formation a donc pour but de nous permettre de découvrir comment :

faire fonctionner VSCode dans un Container Docker
configurer quelques extensions VSCode pour utiliser des binaires de l’image Docker

Étant développeur spécialisé dans l’écosystème Symfony, ce cours s’appuiera naturellement sur un projet Symfony, mais vous pourrez bien évidemment, et facilement, l’adapter à tout autre langage ou framework.

Who this course is for:

Développeurs
Administrateurs Système