Keyboard shortcuts

Touchez ← ou → pour naviguer les chapitres

Touchez S ou / pour chercher dans le livre

Touchez ? pour afficher ce message

Touchez Esc pour masquer ce message

Accueil > Programmer avec Java > PrĂ©prarer l’environnement de dĂ©veloppement >

đŸ› ïž Environnements de dĂ©veloppement intĂ©grĂ©s (IDE) - VS Code et Codespaces

FenĂȘtre VS Code

Survol et attentes

Définitions
Palette de commandes
façon le plus efficace de lancer des commandes dans VS Code. Tapez Ctrl + Shift + P pour ouvrir la palette de commandes et ensuite tapez le dĂ©but d’une commande pour la trouver. Les commandes utilisĂ©es rĂ©cemment sont affichĂ©es en premier.
Projet
Dans VS Code, un projet est un dossier. VS Code tout seul peut ouvrir des fichiers de nombreux dossiers à la fois, mais les outils de gestion de projet, p. ex. ceux de Java, seront confus : ils présument que le dossier ouvert est la racine du projet et peuvent se comporter de façon inattendue si vous ne respectez pas cette convention.
Explorateur de fichiers
permet de naviguer dans les fichiers et dossiers de votre projet. Cliquez sur un fichier pour l’ouvrir dans l’éditeur. L’explorateur s’affiche Ă  gauche de l’éditeur et montre uniquement le dossier ouvert. Vous pouvez sauter directement Ă  l’explorateur en tapant Ctrl + Shift + E.
Terminal intégré
permet d’exĂ©cuter des commandes dans le terminal sans quitter VS Code. Tapez Ctrl + ` pour ouvrir le terminal intĂ©grĂ© ou naviguer dans le menu “Terminal” puis choisir “New Terminal”.
ParamĂštres
permet de configurer VS Code. Tapez Ctrl + , pour ouvrir les paramùtres ou naviguer dans le menu “File” puis choisir “Preferences” puis “Settings”.
Extensions
ajoutent des fonctionnalitĂ©s Ă  VS Code, le transformant d’éditeur de code en environnement de dĂ©veloppement intĂ©grĂ©. Tapez Ctrl + Shift + X pour ouvrir la vue des extensions ou cliquez sur l’icĂŽne dans la barre latĂ©rale gauche.

Objectifs d’apprentissage

À la fin de cette leçon vous devrez ĂȘtre en mesure de :

  • Savoir ouvrir un projet dans VS Code
  • Savoir comment configurer les paramĂštres de VS Code
  • Savoir comment ajouter les extensions Ă  VS Code pour le dĂ©veloppement Java

CritĂšres de succĂšs

  • Je peux utiliser VS Code comme un environnement de dĂ©veloppement intĂ©grĂ© pour Java et passer d’un projet Ă  un autre avec aisance.

Ouvrir un projet

Pour ouvrir un projet, il faut ouvrir un dossier dans VS Code. Voici comment faire :

  • Ouvrez VS Code.
  • Cliquez sur “File” dans la barre de menu.
  • Cliquez sur “Open Folder
”.
  • Trouvez le dossier que vous voulez ouvrir et cliquez sur “Select Folder”.

Vous pouvez aussi ouvrir un dossier Ă  partir de votre Explorateur de fichiers Windows :

  • Naviguer au dossier voulu
  • Faites un clic droit sur le dossier, choisissez “Plus d’options” et choisissez “Ouvrir avec Code”.

Le nom du dossier que vous avez ouvert devient une section de la barre latĂ©rale gauche de VS Code. Cliquez sur le nom du dossier pour voir le contenu de ce dossier ou tapez Ctrl + Shift + E (le “E” est pour “Explorateur de fichiers”) pour le mĂȘme effet.

Testez votre compréhension

Dans VS Code, ouvrez le dossier qui contient le fichier Demo.java que vous avez créé dans une leçon prĂ©cĂ©dente. Si vous n’avez pas encore créé de fichier Java, simplement ouvrir le dossier ~/Documents dans VS Code.

Créer un fichier Java dans votre projet

Pour ajouter un fichier Java Ă  votre projet, il suffit de crĂ©er un fichier avec l’extension .java dans le dossier de votre projet. Voici comment faire :

  • Cliquez sur le bouton “New File” dans l’Explorateur de fichiers de VS Code.

    Nouveau fichier

  • Tapez le nom du fichier suivi de l’extension .java, p. ex. HelloWorld.java.

  • Le fichier sera créé et ouvert dans l’éditeur de code.

C’est TRÈS IMPORTANT d’ajouter l’extension .java au nom du fichier, sinon les outils de Java ne fonctionneront pas correctement (mĂȘme si VS Code peut reconnaĂźtre le code Java sans l’extension).

Testez votre compréhension

Créez le fichier HelloWorld.java dans votre projet.

Ajouter le code Java brisĂ© suivant1. Ne le rĂ©parez pas pour l’instant. On verra trĂšs bientĂŽt comment les outils Java nous aident Ă  trouver les erreurs.

void main() {
   system.out.prinln("Hello, World!")
}

Enregistrement automatique - un paramĂštre utile

Avec les outils de travail dans le nuage, comme la suite Google ou la suite Microsoft Office, nous sommes habituĂ©s Ă  ce que nos documents soient enregistrĂ©s automatiquements pour nous, mais ce n’est pas le comportement par dĂ©faut dans VS Code.

Pour activer l’enregistrement automatique, la façon la plus simple est :

  • d’ouvrir la palette de commandes avec Ctrl + Shift + P
  • taper Auto Save pour trouver la commande Files: Toggle Auto Save. S’il n’était pas activĂ©, il le sera maintenant. S’il Ă©tait activĂ©, il ne le sera plus.

Vous pouvez savoir si l’enregistrement automatique n’est pas activĂ© si le X Ă  cĂŽtĂ© du nom du fichier dans l’éditeur n’est plus un X mais un cercle ●. Cela signale que les derniers changements dans l’éditeur n’ont pas Ă©tĂ© enregistrĂ©s sur le disque.

Attention : si vous tentez de lancer un programme Ă  partir d’un fichier qui n’a pas Ă©tĂ© enregistrĂ©, c’est la derniĂšre version enregistrĂ©e qui se lance, pas ce que vous voyez dans l’éditeur. Croyez-moi, vous pouvez perdre beaucoup de temps Ă  chercher une erreur qui n’existe plus simplement parce qu’il y a cet Ă©cart entre ce que vous voyez et ce qui est enregistrĂ©.

Testez votre compréhension

  1. Regardez le nom du fichier HelloWorld.java dans l’éditeur. Est-ce que le X est un X ou un cercle? Le ● indique un fichier qui n’est pas enregistrĂ©.
  2. Basculer l’activation de l’enregistrement automatique et vĂ©rifier si le cercle devient un X.
  3. Ajoutez une ligne vide Ă  la fin du code. Est-ce que le Xdevient un cercle ou reste un X?
  4. Répétez les deux derniÚres étapes une autre fois et notez la différence.
  5. Si l’enregistrement automatique n’est pas activĂ© en ce moment, l’activer avant de continuer.

Extensions utiles pour programmer avec Java

C’est important d’avoir un peu d’équilibre dans la vie. Je vous suggĂšre d’installer l’extension VS Code Pets en plus de l’extension de productivitĂ© ci-dessous. Choisissez un animal (ou un autre entitĂ©) de compagnie pour vous tenir compagnie pendant que vous travaillez.

On peut rendre VS Code plus puissant pour la programmation dans le langage de notre choix en ajoutant des extensions adaptées. Pour Java, ces extensions sont emballés dans le Java Extension Pack.

Ces outils vous aident Ă  :

  • Trouver des erreurs dans votre code avant de l’exĂ©cuter
  • ExĂ©cuter votre code avec un bouton au lieu d’une commande
  • Trouver des suggestions pour amĂ©liorer votre code
  • Trouver des informations sur les classes et les mĂ©thodes que vous utilisez (si vous leur ajouter des commentaires de documentation)
  • Passer Ă  travers le code pas-Ă -pas avec un dĂ©bogueur pour voir comment il fonctionne ou pour trouver des erreurs de logique

Installez et configurer le Java Extension Pack

  1. Ouvrez la vue des extensions en tapant Ctrl + Shift + X (“X” pour “eXtensions”) ou en cliquant sur l’icĂŽne dans la barre latĂ©rale gauche.
  2. Tapez Java Extension Pack dans la barre de recherche.
  3. Trouvez la version de Microsoft et cliquez sur le bouton “Install”.

    Si vous avez une erreur indiquant qu’il faut installer un JDK, votre installation de Java est incomplĂšte. Voir la leçon sur l’installation de Java pour rĂ©soudre ce problĂšme (notamment la section sur les variables d’environnement).

  4. Attendre que l’installation soit complĂšte
 vous le saurez quand l’indicateur Java dans la barre d’état en bas de l’écran arrĂȘte son animation.
  5. Ouvrez les paramĂštres de VS Code avec Ctrl + ,.
  6. Changez le paramùtre “inlay hints” :
    • Tapez java inlay dans la barre de recherche.
    • Trouvez le paramĂštre “Java: Inlay Hints”.
    • Changez la valeur de “literal” -> “none”. Cela Ă©limine des notations dans le code qui n’existent pas dans le texte que vous avez Ă©crit.
  7. Changez le paramùtre du “mode de lancement” :
    • Tapez java launch dans la barre de recherche.
    • Trouvez le paramĂštre “Java: Server Launch Mode”.
    • Changez la valeur de “hybrid” -> “standard”. Cela assure que les outils d’analyse du code dĂ©marrent immĂ©diatement quand vous ouvrez vos projets.
  8. Redémarrez VS Code.

Testez votre compréhension

Ouvrez le fichier HelloWorld.java dans VS Code. Vous devriez voir des lignes rouges apparaütre dans le code. Ces lignes indiquent des erreurs dans le code. Cliquez sur une ligne rouge pour voir le message d’erreur.

Cliquez sur le bouton “Run” en haut Ă  droite de l’éditeur pour exĂ©cuter le code. Vous devriez voir les mĂȘmes messages d’erreur dans la console que ceux que vous avez vus en passant votre curseur sur les lignes rouges.

Si vous parvenez Ă  dĂ©coder ces messages d’erreur (ils ne sont pas toujours trĂšs clairs), vous pouvez essayer de corriger le code et le lancer de nouveau. Comment interprĂ©ter ces messages est un art qui se dĂ©veloppe avec l’expĂ©rience et la pratique.

Terminal intégré

En lançant votre programme Java avec le bouton “Run” dans l’éditeur, vous avez dĂ©jĂ  utilisĂ© le terminal intĂ©grĂ© : c’est lĂ  que la commande derriĂšre le bouton “Run” est exĂ©cutĂ©e et c’est aussi lĂ  que la sortie de votre programme est affichĂ©e.

Vous pouvez utiliser le terminal intĂ©grĂ© dans VS Code exactement comme vous utilisez le programme Terminal. Les deux utilisent le mĂȘme shell (bash, PowerShell, etc.) et les mĂȘmes commandes.

Pour ouvrir le terminal intĂ©grĂ©, tapez Ctrl + ` (le ` est la touche Ă  gauche de EntrĂ©e sur un clavier francophone et Ă  la gauche du 1 sur un clavier anglophone) ou naviguer dans le menu “Terminal” puis choisir “New Terminal”.

Testez votre compréhension

  1. Ouvrez le terminal intégré.
  2. Tapez ls pour voir la liste des fichiers dans le dossier de votre projet. Assurez-vous que HelloWorld.java est dans la liste.
  3. Tapez java HelloWorld.java pour lancer le programme dans le code source HelloWorld.java.
  4. Tapez clear pour effacer la console.
  5. Utilisez la flùche du haut pour charger la commande java HelloWorld.java (les flùches du haut et du bas permettent de naviguer dans l’historique des commandes). Tapez Enter pour lancer le programme une autre fois.
  6. Tapez exit pour fermer le terminal.

  1. Le code Java publiĂ© sur ce site applique le JEP 463 (mise Ă  jour aux fonctionnalitĂ©s de Java - notamment dĂ©claration de classe explicite et mĂ©thode main d’instance au lieu de l’idiome psvm) qui est en deuxiĂšme rĂ©vision depuis Java22 mais pleinement intĂ©grĂ© dans l’extension Java de VS Code pour ce mĂȘme Java22. Si vous utilisez un autre IDE, vous pourriez rencontrer des erreurs de compilation. Le but ultime est d’incorporer le JEP 477 dĂšs que Java23 soit incorporĂ© aux outils Java. Cette 3e rĂ©vision inclut aussi l’importation automatique de mĂ©thodes statiques de la nouvelle classe java.io.IO et l’utiliation de print et readln similaire Ă  Python (print/input) ou C++ (cout/cin). ↩

© 2022-2025 David Crowley