Exerciții - Particularizarea setărilor de proiect și editor

Fișierul devcontainer.json vă ajută să configurați diverse setări în configurarea containerului Visual Studio Code. Până acum, ați configurat un container pentru dezvoltatori pentru un proiect Python. Cu toate acestea, există încă câteva muchii brute și activități de configurare pe care le puteți automatiza și mai mult.

În acest exercițiu, veți utiliza fișierul devcontainer.json pentru a netezi aceste margini și a face proiectul să funcționeze fără pași de configurare de la dezvoltator.

Instalarea extensiilor Visual Studio Code

Containerul este livrat cu extensia Microsoft Python (după cum puteți vedea în imaginea sa de bază). Extensia Python permite fragmente, delincții și IntelliSense în fișiere Python. Dar fișierul index.html din folderul șabloane este un șablon Jinja și trebuie să instalați o altă extensie pentru a obține evidențierea sintaxei în acel fișier.

1. Apăsați F1 pentru a deschide Paleta de comenzi.
2. Tastați extensie și selectați Extensii: Instalați extensiile.
3. În extensia din dreapta, căutați jinja.
4. Selectați Instalare.
5. Faceți clic dreapta pe extensia de Jinja din wholroyd și selectați Adăugare la devcontainer.json.
6. Reveniți la fișierul devcontainer.json și observați că extensia Jinja a fost adăugată la secțiunea extensions.
7. Salvați fișierul devcontainer.json.

Automatizarea instalării dependenței

Momentan, un dezvoltator care configurează proiectul pentru prima dată trebuie să știe să ruleze pip3 install --user -r requirements.txt pentru a instala dependențe. Fără aceste dependențe, proiectul nu va rula și este posibil ca alți dezvoltatori să nu știe de ce.

1. Anulați opțiunea de postCreateCommand.

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

2. Salvați fișierul devcontainer.json.

Containerul va instala automat dependențe de fiecare dată când se creează un container.

Reconstruirea noului container

1. Apăsați F1 pentru a deschide Paleta de comenzi.
2. Tastați reconstruiți și selectați containere de dezvoltatori : Reconstruire container.

Containerul va fi reconstruit cu modificările pe care le-ați specificat în fișierul devcontainer.json.

Examinați evidențierea sintaxei furnizate de extensia Jinja

1. Deschideți fișierul templates/index.html.

2. Defilați în jos la linia 33 și observați că evidențierea sintaxei se află în bucla de for. Această sintaxă evidențiază este activată de extensia Jinja.

   

Rulați aplicația

1. Apăsați Ctrl + ` pentru a deschide terminalul integrat Visual Studio Code.

2. Rulați aplicația utilizând următoarea comandă:

   python app.py
   

3. Observați că nu a trebuit să instalați dependențe. Aplicația rulează pur și simplu.

Containerul este acum particularizat și automatizat pentru agenția dvs. Orice dezvoltator care deschide acest proiect utilizând Containere Dev poate să-l ruleze imediat și să ajungă la codul de scriere a lucrului.

În următoarea unitate, veți afla cum să instalați software suplimentar în containerul pentru dezvoltatori.