Oefening - De ontwikkelomgeving instellen

  • 15 minuten

Als u Visual Studio Code voor Azure-ontwikkeling wilt gebruiken, moet u Visual Studio Code lokaal installeren en een of meer Azure-extensies toevoegen. In deze oefening voegen we de Azure App Service-extensie toe.

Visual Studio Code installeren

Voor het installeren van Visual Studio Code volgt u de juiste stappen voor uw besturingssysteem.

Ramen

  1. Download het Visual Studio Code-installatieprogramma voor Windows.

  2. Voer het installatieprogramma uit.

  3. Open Visual Studio Code door op de Windows-toets te drukken of het Windows-pictogram op de taakbalk te selecteren, 'Visual Studio Code' te typen en het resultaat van Visual Studio Code te selecteren.

macOS

  1. Download Visual Studio Code voor macOS.

  2. Vouw de inhoud uit door te dubbelklikken op het gedownloade archief.

  3. Sleep Visual Studio Code.app naar de map Toepassingen.

  4. Open Visual Studio Code door het pictogram van de sectie Apps te selecteren of door te zoeken naar Visual Studio Code in Spotlight.

Linux

Debian en Ubuntu

  1. Download en installeer het .deb-pakket (64-bits) via het grafische softwarecentrum (indien beschikbaar) of via de opdrachtregel (vervangen <file> door de .deb bestandsnaam die u hebt gedownload):

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

RHEL en Fedora

  1. Gebruik het volgende script voor het installeren van de sleutel en de opslagplaats:

    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. Werk de pakketcache bij en installeer het pakket met behulp van dnf (Fedora 22 en hoger):

    dnf check-update
sudo dnf install code

openSUSE en SLE

  1. De yum-opslagplaats werkt ook voor systemen met openSUSE en SLE. Met het volgende script wordt de sleutel en opslagplaats geïnstalleerd:

    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. Werk de pakketcache bij en installeer het pakket met:

    sudo zypper refresh
sudo zypper install code

Notitie

Zie de documentatie voor Het uitvoeren van Visual Studio Code op Linux voor meer informatie over het installeren of bijwerken van Visual Studio Code op verschillende Linux-distributies.

Azure App Service-extensie installeren

  1. Als u dat nog niet hebt gedaan, opent u Visual Studio Code.

  2. Open de browser Extensies via het menu aan de linkerkant.

  3. Zoek naar Azure App Service.

  4. Selecteer het Azure App Service-resultaat en selecteer Installeren.

    In de volgende schermopname ziet u de Azure-app Service-extensie die is geselecteerd in de zoekresultaten van de Visual Studio Code-extensie:

    Schermopname van Visual Studio Code met het tabblad Extensies met de Azure App Service-extensie gemarkeerd in de zoekresultaten.

Visual Studio Code installeert de extensie. Nu bent u klaar om een koppeling te maken met uw Azure-abonnement en een web-, mobiele of API-app te implementeren in Azure App Service.

Hier installeert u Visual Studio op uw Windows- of macOS-ontwikkelcomputer.

Stappen in de oefening

Voor het installeren van Visual Studio volgt u de juiste stappen voor uw besturingssysteem.

Ramen

  1. Ga naar https://visualstudio.microsoft.com/downloads/ en selecteer de editie die u wilt installeren.

    • De community Gratis downloaden is altijd gratis voor studenten en individuen
    • Gratis proefversie voor kleine teams
    • Gratis proefversie voor grote organisaties met 500 of meer gebruikersapparaten

  2. Wanneer het uitvoerbare bestand is gedownload, start u het installatieprogramma en selecteert u Wijzigen.

  3. Selecteer op het tabblad Workloads de Azure-ontwikkelhulpmiddelen. Aan de rechterkant van het scherm worden in het deelvenster Installatiedetails de hulpprogramma's en extensies voor Azure weergegeven.

    Schermopname van Visual Studio Installer Workloads met Azure-ontwikkeling gemarkeerd.

  4. (Optioneel) Schakel de selectievakjes in om ASP.NET en webontwikkeling, Python-ontwikkeling en Node.js ontwikkelworkloads op te nemen om webtoepassingen en scripts te maken in Azure.

  5. Selecteer Installeren en wacht tot Visual Studio is geïnstalleerd. Selecteer Wijzigen voor systemen waarop Visual Studio al is geïnstalleerd. Als u hierom wordt gevraagd met het dialoogvenster Gebruikersaccountbeheer, selecteert u Ja om het installatieprogramma toe te laten worden uitgevoerd.

    Visual Studio Installer meldt u van alle updates die vereist zijn in de versies die u op uw systeem hebt.

  6. Wanneer de installatie is voltooid, selecteert u Starten om Visual Studio te openen.

Hier installeert u Eclipse en de Azure-toolkit op uw ontwikkelcomputer. Aan het einde van de oefening hebt u alles wat u nodig hebt om een Java-toepassing te maken die is verbonden met Azure.

Eclipse IDE installeren

  1. Download de juiste Eclipse IDE voor uw besturingssysteem.

  2. Start het installatieprogramma van Eclipse na het downloaden.

    • In Windows dubbelklikt u op het gedownloade bestand.

    • In MacOS en Linux pakt u het installatieprogramma uit het gedownloade bestand, en voert u dit vervolgens uit.

    Notitie

    Het installatieprogramma vraagt u mogelijk om de Java Development Kit te installeren als deze ontbreekt.

  3. Selecteer de pakketten die u wilt installeren. Java-ontwikkelaars kiezen de optie Java of Java EE Eclipse IDE.

  4. Selecteer de doellocatie van de installatie op uw computer.

  5. Start Eclipse om te controleren of het correct is geïnstalleerd.

De Azure Toolkit voor Eclipse installeren

Voor het installeren van de Azure-toolkit wordt dezelfde methode gebruikt in Windows, macOS en Linux.

  1. Start Eclipse en open een werkruimte.

  2. Installeer de Azure Toolkit voor Eclipse-invoegtoepassing door het volgende pictogram naar de Eclipse-werkruimte te slepen.

    Schermafbeelding van het Eclipse-installatiepictogram.

  3. Selecteer Bevestigen in het bevestigingsvenster om door te gaan.

    Schermopname van het bevestigingsdialoogvenster van de functie in Eclipse.

  4. Controleer en accepteer de licentieovereenkomsten en selecteer Voltooien.

  5. Eclipse downloadt en installeert de Azure-toolkit.

  6. Start Eclipse opnieuw, indien nodig.

  7. Valideer de installatie van de Azure-toolkit door te controleren of Azure bestaat in het menu Extra .

Hier installeert u IntelliJ IDEA en de Azure-toolkit op uw ontwikkelcomputer. Aan het einde van de oefening hebt u alles wat u nodig hebt om een Java-toepassing te maken die is verbonden met Azure.

IntelliJ IDEA installeren

  1. Download de juiste IntelliJ IDEA voor uw besturingssysteem.

  2. Start het installatieprogramma van IntelliJ IDEA na het downloaden.

    • In Windows dubbelklikt u op het gedownloade bestand.

    • In MacOS en Linux pakt u het installatieprogramma uit het gedownloade bestand, en voert u dit vervolgens uit.

    Notitie

    Het installatieprogramma vraagt u mogelijk om de Java Development Kit te installeren als deze ontbreekt.

  3. Selecteer de doellocatie van de installatie op uw computer en bevestig andere instellingen.

  4. Start IntelliJ IDEA om te controleren of het correct is geïnstalleerd.

Azure-toolkit voor IntelliJ installeren

Voor het installeren van de Azure-toolkit wordt dezelfde methode gebruikt in Windows, macOS en Linux.

  1. Start IntelliJ IDEA en open een werkruimte.

  2. Ga naar Instellingen configureren>.

  3. Selecteer Invoegtoepassingen

    Schermopname van IntelliJ IDEA met het venster Instellingen met de sectie Invoegtoepassing geselecteerd en zoekresultaten voor Azure Toolkit voor IntelliJ.

  4. Selecteer OK, en selecteer Installeren.

  5. Lees en accepteer de licentievoorwaarden als hierom wordt gevraagd. IntelliJ IDEA downloadt en installeert de Azure-toolkit.

  6. Start IntelliJ IDEA na de installatie opnieuw op.

  7. Controleer of de Azure Toolkit is geïnstalleerd in het menu Extra voor Azure.