Övning – Anpassa inställningarna för projekt och redigeringsprogram

  • 4 minuter

Filen devcontainer.json hjälper dig att konfigurera olika inställningar i din containerbaserade Visual Studio Code-konfiguration. Hittills har du konfigurerat en utvecklingscontainer för ett Python-projekt. Men det finns fortfarande saker att finslipa och konfigurationsuppgifter som du kan automatisera ytterligare.

I den här övningen använder du filen devcontainer.json för att finslipa konfigurationen och se till att projektet fungerar utan att utvecklaren behöver göra några inställningar.

Installera Visual Studio Code-tillägg

Containern levereras med Microsoft Python-tillägget (som du kan se i basavbildningen). Med Python-tillägget kan du använda kodfragment, källkodsanalys och IntelliSense i Python-filer. Men filen index.html i mappen templates är en Jinja-mall och du måste installera ett annat tillägg för att få syntaxmarkering i filen.

  1. Tryck på F1 för att öppna kommandopaletten.
  2. Skriv tillägg och välj Tillägg: Installera tillägg.
  3. Sök efter Jinja i tilläggsutforskaren till höger.
  4. Välj Installera.
  5. Högerklicka på Jinja-tillägget från wholroyd och välj Lägg till i devcontainer.json.
  6. Gå tillbaka till filen devcontainer.json och observera att Jinja-tillägget har lagts till i extensions avsnittet.
  7. Spara filen devcontainer.json.

Automatisera installation av beroenden

Som det ser ut nu måste en utvecklare som konfigurerar projektet för första gången köra pip3 install --user -r requirements.txt för att installera beroenden. Utan dessa beroenden går det inte att köra projektet och andra utvecklare kanske inte förstår varför.

  1. Kommentera ut postCreateCommand-alternativet.

    "postCreateCommand": "pip3 install --user -r requirements.txt"

  2. Spara filen devcontainer.json.

Containern installerar automatiskt beroenden när en container skapas.

Bygg den nya containern igen

  1. Tryck på F1 för att öppna kommandopaletten.
  2. Skriv återskapa och välj Dev Containers: Rebuild Container (Återskapa container).

Containern byggs på nytt med de ändringar du har angett i filen devcontainer.json.

Kommentar

När en container återskapas tas containern bort och återskapas helt. Terminalhistoriken sparas inte när en container återskapas.

Granska syntaxmarkeringen som tillhandahålls av Jinja-tillägget

  1. Öppna templates/index.html-filen.

  2. Bläddra ned till rad 33 och observera att det finns syntaxmarkering för for-loopen. Den här syntaxmarkeringen aktiveras av Jinja-tillägget.

    Screenshot of a Jinja template, emphasizing a for loop with syntax highlighting.

Kör appen

  1. Öppna den integrerade terminalen i Visual Studio Code genom att trycka på Ctrl + `.

  2. Kör appen genom att använda följande kommando:

    python app.py

  3. Observera att du inte behöver installera några beroenden. Det är bara att köra appen.

Nu är containern anpassad och automatiserad för ditt företag. Alla utvecklare som öppnar det här projektet med hjälp av Dev Containers kan omedelbart köra det och börja skriva kod.

I nästa lektion får du lära dig hur du installerar ytterligare programvara i utvecklingscontainern.