Oefening: project- en editor-instellingen aanpassen

  • 4 minuten

Met het devcontainer.json-bestand kunt u verschillende instellingen configureren in de installatie van Visual Studio Code in een container. Tot nu toe hebt u een dev-container geconfigureerd voor een Python-project. Er zijn echter nog steeds wat ruwe randjes en installatietaken die u verder kunt automatiseren.

In deze oefening gebruikt u het devcontainer.json-bestand om deze ruwe randjes glad te strijken en het project te laten werken zonder dat de ontwikkelaar nog installatiestappen hoeft uit te voeren.

Visual Studio Code-extensies installeren

De container wordt geleverd met de Microsoft Python-extensie (zoals u kunt zien in de basisinstallatiekopieën). De Python-extensie maakt fragmenten, linting en IntelliSense in Python-bestanden mogelijk. Maar het index.html-bestand in de map sjablonen is een Jinja-sjabloon en u moet een andere extensie installeren om syntaxismarkeringen in dat bestand te krijgen.

  1. Druk op F1 om het opdrachtenpalet te openen.
  2. Typ de extensie en selecteer Extensies: Extensies installeren.
  3. Zoek in de extensieverkenner aan de rechterkant naar jinja.
  4. Selecteer Installeren.
  5. Klik met de rechtermuisknop op de extensie Jinja in wholroyd en selecteer Toevoegen aan devcontainer.json.
  6. Ga terug naar het devcontainer.json bestand en u ziet dat de Jinja-extensie is toegevoegd aan de extensions sectie.
  7. Sla het devcontainer.json bestand op.

Afhankelijkheidsinstallatie automatiseren

Nu moet een ontwikkelaar die het project voor de eerste keer instelt weten hoe pip3 install --user -r requirements.txt moet worden uitgevoerd om afhankelijkheden te installeren. Zonder deze afhankelijkheden wordt het project niet uitgevoerd. Andere ontwikkelaars weten dan mogelijk niet waarom dit zo is.

  1. Verwijder de opmerking over de optie postCreateCommand.

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

  2. Sla het devcontainer.json bestand op.

De container installeert automatisch afhankelijkheden wanneer een container wordt gemaakt.

De nieuwe container herbouwen

  1. Druk op F1 om het opdrachtenpalet te openen.
  2. Typ herbouwen en selecteer Dev-containers: Container herbouwen.

De container wordt herbouwd met de wijzigingen die u hebt opgegeven in het bestand devcontainer.json.

Notitie

Wanneer een container opnieuw wordt opgebouwd, wordt de container verwijderd en volledig opnieuw gemaakt. Terminalgeschiedenis blijft niet behouden wanneer een container opnieuw wordt opgebouwd.

Syntaxismarkering van de Jinja-extensie controleren

  1. Open het bestand templates/index.html.

  2. Schuif omlaag naar regel 33. U ziet dat er syntaxis is gemarkeerd in de lus for. Deze syntaxismarkering is ingeschakeld door de Jinja-extensie.

    Schermopname van een Jinja-sjabloon, waarbij een for-lus wordt benadrukt met syntaxismarkering.

De app uitvoeren

  1. Druk op Ctrl + ` om de geïntegreerde terminal van Visual Studio Code te openen.

  2. Voer de app uit met behulp van de volgende opdracht:

    python app.py

  3. U ziet dat u geen afhankelijkheden hoeft te installeren. De toepassing wordt simpelweg uitgevoerd.

De container is nu aangepast en geautomatiseerd voor uw organisatie. Elke ontwikkelaar die dit project opent met behulp van Dev Containers, kan het direct uitvoeren en aan de slag met het schrijven van code.

In de volgende les leert u hoe u extra software installeert in de dev-container.