Exercice : Configuration de l’environnement de développement

  • 15 minutes

Pour utiliser Visual Studio Code en vue du développement Azure, vous devez installer Visual Studio Code localement et installer une ou plusieurs extensions Azure. Dans cet exercice, nous allons ajouter l’extension Azure App Service.

Installer Visual Studio Code

Pour installer Visual Studio Code, utilisez les étapes appropriées à votre système d’exploitation.

Windows

  1. Téléchargez le programme d’installation de Visual Studio Code pour Windows.

  2. Exécutez le programme d’installation.

  3. Pour ouvrir Visual Studio Code, appuyez sur la touche Windows ou sélectionnez l’icône Windows dans la barre des tâches, puis tapez « Visual Studio Code » et sélectionnez le résultat Visual Studio Code.

macOS

  1. Téléchargez Visual Studio Code pour macOS.

  2. Double-cliquez sur l’archive téléchargée pour en développer le contenu.

  3. Faites glisser Visual Studio Code.app vers le dossier Applications.

  4. Ouvrez Visual Studio Code en sélectionnant l’icône dans la section Applications ou en recherchant Visual Studio Code dans Spotlight.

Linux

Debian et Ubuntu

  1. Téléchargez et installez le package .deb (64 bits) à partir du centre logiciel graphique (si disponible) ou à partir de la ligne de commande (en remplaçant <file> par le nom du fichier .deb que vous avez téléchargé) :

    sudo dpkg -i <file>.deb
sudo apt-get install -f # Install dependencies

RHEL, Fedora et CentOS

  1. Utilisez le script suivant pour installer la clé et le référentiel :

    sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > etc/yum.repos.d/vscode.repo'

  2. Mettez à jour le cache du package et installez le package avec dnf (Fedora 22 et ultérieur) :

    dnf check-update
sudo dnf install code

openSUSE et SLE

  1. Le référentiel yum fonctionne également pour les systèmes openSUSE et SLE. Le script suivant installe la clé et le référentiel :

    sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'

  2. Mettez à jour le cache du package et installez le package en utilisant :

    sudo zypper refresh
sudo zypper install code

Notes

Pour plus d’informations sur l’installation ou la mise à jour de Visual Studio Code sur les différentes distributions de Linux, consultez la documentation consacrée à l’exécution de Visual Studio Code sur Linux.

Installer l’extension Azure App Service

  1. Si ce n’est déjà fait, ouvrez Visual Studio Code.

  2. Ouvrez le navigateur Extensions à partir du menu de gauche.

  3. Recherchez Azure App Service.

  4. Sélectionnez le résultat Azure App Service et Installer.

    La capture d’écran suivante montre l’extension Azure App Service sélectionnée dans les résultats de la recherche d’extension Visual Studio Code :

    Screenshot of Visual Studio Code showing the Extensions tab with the Azure App Service extension highlighted in the search results.

Visual Studio Code installe l’extension. Vous êtes maintenant prêt à vous connecter à votre abonnement Azure et à déployer une application web, mobile ou API sur un service Azure App Service.

Ici, vous installez Visual Studio sur votre machine de développement Windows ou macOS.

Étapes de l’exercice

Pour installer Visual Studio, utilisez les étapes appropriées à votre système d’exploitation.

Windows

  1. Accédez à https://visualstudio.microsoft.com/downloads/ et sélectionnez l’édition que vous souhaitez installer.

    • Community en Téléchargement gratuit est toujours gratuit pour les étudiants et les particuliers
    • Professional Essai gratuit pour les petites équipes
    • Enterprise en Essai gratuit pour les grandes organisations avec 500 appareils utilisateur ou plus

  2. Une fois le téléchargement du fichier exécutable terminé, lancez le programme d’installation, et sélectionnez Modifier.

  3. Sous l’onglet Charges de travail, sélectionnez la charge de travail de développement Azure. Le volet Détails de l’installation à droite affiche les outils et les extensions pour Azure.

    Screenshot of Visual Studio Installer Workloads with Azure development highlighted.

  4. (Facultatif) Incluez les charges de travail de développement ASP.NET et web, de développement Python et de développement Node.js en activant les cases à cocher correspondantes pour être prêt à créer des applications et des scripts web dans Azure.

  5. Sélectionnez Installer et attendez que Visual Studio s’installe. Pour les systèmes sur lesquels Visual Studio est déjà installé, sélectionnez Modifier. Si la boîte de dialogue Contrôle de compte d’utilisateur s’affiche, sélectionnez Oui pour autoriser l’exécution du programme d’installation.

    Visual Studio Installer vous informe des mises à jour nécessaires aux versions présentes sur votre système.

  6. Une fois l’installation terminée, sélectionnez Lancer pour ouvrir Visual Studio.

macOS

  1. Accédez à https://visualstudio.microsoft.com/ et téléchargez le programme d’installation de Visual Studio pour Mac.

  2. Sélectionnez le fichier VisualStudioInstaller.dmg pour monter le programme d’installation, puis exécutez-le en double-cliquant sur le logo.

  3. Acceptez les termes du contrat de licence et de confidentialité quand ils s’affichent.

  4. Le programme d’installation vous invite à sélectionner les composants à installer. Les composants Azure font déjà partie de Visual Studio pour Mac, mais nous vous recommandons d’installer la plateforme .NET Core pour développer des expériences web pour Azure.

    Screenshot of the Visual Studio for Mac installer with the selected .NET Core platform option highlighted.

  5. Après avoir sélectionné les outils et extensions nécessaires, sélectionnez Installer et mettre à jour, puis attendez que le programme d’installation se termine.

  6. Si vous êtes invité à élever les autorisations nécessaires, utilisez vos informations d’identification d’administrateur.

  7. Une fois que le programme d’installation est terminé, démarrez Visual Studio pour Mac.

Ici, vous installez Eclipse et le kit de ressources Azure sur votre machine de développement. À la fin de l’exercice, vous aurez tout ce dont vous avez besoin pour créer une application Java connectée à Azure.

Installer l’IDE Eclipse

  1. Téléchargez le fichier approprié de l’IDE Eclipse pour votre système d’exploitation.

  2. Une fois son téléchargement terminé, démarrez le programme d’installation d’Eclipse.

    • Sur Windows, double-cliquez sur le fichier téléchargé.

    • Sur macOS et Linux, décompressez le programme d’installation à partir du fichier téléchargé et exécutez-le.

    Notes

    Le programme d’installation peut vous inviter à installer le kit de développement Java s’il est manquant.

  3. Sélectionnez les packages à installer. Pour les développeurs Java, choisissez l’option IDE Eclipse Java ou Java EE.

  4. Sélectionnez la destination de l’installation sur votre machine.

  5. Lancez Eclipse pour vérifier qu’il est installé correctement.

Installer Azure Toolkit for Eclipse

L’installation d’Azure Toolkit est identique sur Windows, macOS et Linux.

  1. Démarrez Eclipse et ouvrez un espace de travail.

  2. Faites glisser l’icône suivante vers votre espace de travail Eclipse pour installer le plug-in Azure Toolkit for Eclipse.

    Screenshot of the Eclipse install icon.

  3. Dans la boîte de dialogue de confirmation, sélectionnez Confirm pour continuer.

    Screenshot of the feature confirmation dialog in Eclipse.

  4. Passez en revue et acceptez les contrats de licence, puis sélectionnez Terminer.

  5. Eclipse télécharge et installe Azure Toolkit.

  6. Redémarrez Eclipse si nécessaire.

  7. Vérifiez qu’Azure Toolkit est bien installé en regardant si Azure est disponible dans le menu Tools.

Ici, vous installez IntelliJ IDEA et le kit de ressources Azure sur votre machine de développement. À la fin de l’exercice, vous aurez tout ce dont vous avez besoin pour créer une application Java connectée à Azure.

Installer IntelliJ IDEA

  1. Téléchargez le fichier IntelliJ IDEA approprié à votre système d’exploitation.

  2. Démarrez le programme d’installation d’IntelliJ IDEA une fois le téléchargement terminé.

    • Sur Windows, double-cliquez sur le fichier téléchargé.

    • Sur macOS et Linux, décompressez le programme d’installation à partir du fichier téléchargé et exécutez-le.

    Notes

    Le programme d’installation peut vous inviter à installer le kit de développement Java s’il est manquant.

  3. Sélectionnez la destination de l’installation sur votre machine et vérifiez les autres paramètres.

  4. Lancez IntelliJ IDEA pour vérifier que son installation est correcte.

Installer Azure Toolkit for IntelliJ

L’installation d’Azure Toolkit est identique sur Windows, macOS et Linux.

  1. Démarrez IntelliJ IDEA et ouvrez un espace de travail.

  2. Accédez à Configurer>Paramètres.

  3. Dans la boîte de dialogue Paramètres, sélectionnez Plug-ins, puis recherchez Azure Toolkit for IntelliJ dans la Place de marché des plug-ins.

    Screenshot of IntelliJ IDEA showing the Settings window with Plugin section selected and search results for Azure Toolkit for IntelliJ.

  4. Sélectionnez OK, puis Installer.

  5. Passez en revue et acceptez les contrats de licence, si vous y êtes invité. IntelliJ IDEA télécharge et installe Azure Toolkit.

  6. Redémarrez IntelliJ IDEA après l’installation.

  7. Vérifiez qu’Azure Toolkit est bien installé en regardant si Azure est disponible dans le menu Tools.