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

Slutförd

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. Med Python-tillägget kan du använda kodfragment, källkodsanalys och IntelliSense i Python-filer. Men den index.html filen 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 extension och välj Extensions: Install Extensions.

  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 Kopiera tilläggs-ID.

  6. Lägg till tilläggs-ID:t i extensions alternativet .

    // Add the IDs of extensions you want installed when the container is created.
    "extensions": [
        "ms-python.python",
        "wholroyd.jinja"
    ],
    
  7. Gå tillbaka till filen devcontainer.json och observera att Jinja-tillägget har lagts till i extensions avsnittet.

  8. 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 rebuild och välj Remote-Containers: Rebuild Container.

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

Anteckning

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

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

  1. Öppna filen template/index.html.

  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.

    Skärmbild av Jinja-mallen som visar en for-loop med syntaxmarkering.

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 Remote - Containers kan köra det direkt och börja skriva kod.

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