Øvelse – Tilpas indstillinger for projekt og editor

Fuldført

Filen devcontainer.json hjælper dig med at konfigurere forskellige indstillinger i konfigurationen af Visual Studio Code i objektbeholder. Indtil videre har du konfigureret en udviklingsobjektbeholder til et Python-projekt. Der er dog stadig nogle uslebne kanter og konfigurationsopgaver, som du kan automatisere yderligere.

I denne øvelse skal du bruge filen devcontainer.json til at udjævne disse kanter og få projektet til at fungere uden konfigurationstrin fra udvikleren.

Installér Visual Studio Code-udvidelser

Objektbeholderen leveres med Microsoft Python-udvidelsen (, som du kan se på basisbilledet). Python-udvidelsen muliggør kodestykker, linting og IntelliSense i Python-filer. Men den index.html fil i mappen skabeloner er en Jinja-skabelon, og du skal installere en anden udvidelse for at få syntaksfremhævning i filen.

  1. Tryk på F1 for at åbne kommandopaletten.
  2. Skriv udvidelse, og vælg udvidelser: Installer udvidelser.
  3. Søg efter jinjai udvidelsesoversigten til højre.
  4. Vælg Installér.
  5. Højreklik på udvidelsen Jinja fra wholroyd-, og vælg Føj til devcontainer.json.
  6. Vend tilbage til filen med devcontainer.json, og bemærk, at Jinja-udvidelsen er føjet til afsnittet extensions.
  7. Gem filen devcontainer.json.

Automatiser installation af afhængighed

Lige nu skal en udvikler, der konfigurerer projektet for første gang, kende til at køre pip3 install --user -r requirements.txt for at installere afhængigheder. Uden disse afhængigheder kører projektet ikke, og andre udviklere ved muligvis ikke hvorfor.

  1. Fjern indstillingen postCreateCommand.

    "postCreateCommand": "pip3 install --user -r requirements.txt"
    
  2. Gem filen devcontainer.json.

Objektbeholderen installerer automatisk afhængigheder, når der oprettes en objektbeholder.

Byg den nye objektbeholder igen

  1. Tryk på F1 for at åbne kommandopaletten.
  2. Skriv byg igen, og vælg Udviklingsobjektbeholdere: Genopbyg objektbeholdere.

Objektbeholderen genopbygges med de ændringer, du har angivet i devcontainer.json-filen.

Seddel

Når en objektbeholder genopbygges, fjernes objektbeholderen, og den genoprettes fuldstændigt. Terminalhistorikken bevares ikke, når en objektbeholder genopbygges.

Undersøg syntaksfremhævning fra Jinja-udvidelsen

  1. Åbn filen templates/index.html.

  2. Rul ned til linje 33, og bemærk, at syntaksfremhævning er på den for løkke. Denne syntaksfremhævning er aktiveret af Jinja-udvidelsen.

    Skærmbillede af en Jinja-skabelon, der understreger en for-løkke med syntaksfremhævning.

Kør appen

  1. Tryk på Ctrl + ` for at åbne den integrerede terminal i Visual Studio Code.

  2. Kør appen ved hjælp af følgende kommando:

    python app.py
    
  3. Bemærk, at du ikke behøvede at installere nogen afhængigheder. Programmet kører simpelthen.

Objektbeholderen er nu tilpasset og automatiseret for dit bureau. Alle udviklere, der åbner dette projekt ved hjælp af Udviklerobjektbeholdere, kan straks køre det og komme i gang med at skrive kode.

I det næste undermodul lærer du, hvordan du installerer yderligere software i udviklerobjektbeholderen.