Exerciții - Adăugarea unui container pentru dezvoltatori la un proiect existent

Atunci când configurați containerul pentru dezvoltatori pentru un proiect, va trebui să adăugați mai întâi o configurație de container la acel proiect. O configurație de container vă configurează mediul în Visual Studio Code.

În acest exercițiu, veți adăuga un container pentru dezvoltatori și veți deschide proiectul Tablou de bord produse în container.

Adăugarea unui container pentru dezvoltatori

1. Reveniți la codul VS și proiectul pe care l-ați clonat mai devreme.

2. Apăsați F1 pentru a deschide Paleta de comenzi.

3. Tastați adăugați container pentru dezvoltatori și selectați containere de dezvoltatori : Adăugați fișiere de configurare container de dezvoltare. Aceasta prezintă o listă de șabloane container de dezvoltatori . Șabloanele conțin fișierele sursă necesare pentru a configura un mediu de dezvoltare complet pentru stiva tehnică specificată.

4. Selectați Adăugare configurare la spațiul de lucru.

5. Selectați următoarele opțiuni:

   Opțiune	Valoare
   Selectați un șablon de configurare container	Python 3
   Versiune Python	3.11
   Selectați caracteristici suplimentare de instalat	Selectați OK

O configurație container de dezvoltatori va fi adăugată la proiect. Visual Studio Code vă va anunța că acum puteți deschide proiectul într-un container. Deocamdat, dezactivați această notificare.

Inspectarea fișierelor de configurare

1. Observați că un folder nou numit ".devcontainer" a fost adăugat la proiect.
2. Extindeți acel folder și observați că acesta conține un fișier devcontainer.json.

Deschiderea proiectului într-un container

1. Apăsați F1 pentru a deschide Paleta de comenzi.
2. Tastați redeschideți încontainerului .
3. Selectați Containere pentru dezvoltatori: redeschideți în Container din lista de opțiuni disponibile.

Containerul va începe construirea. Versiunea inițială poate dura câteva minute, deoarece o nouă imagine trebuie să fie trasă în jos și construită pe computer. După ce containerul a fost construit pentru prima dată, versiunile ulterioare vor fi mult mai rapide.

Vizualizare indicator la distanță

Atunci când compilarea containerului este finalizată, puteți confirma că sunteți conectat la container prin examinarea Indicatorului la distanță. De asemenea, acum ar trebui să vedeți fișierele de proiect încărcate în cod VS.

• Examinați Indicatorul la distanță vizualizând colțul din stânga jos al codului VS. Observați că acum afișează "Container pentru dezvoltatori: Python 3".

  

Inspectați containerul

1. Apăsați Ctrl + ` pentru a deschide terminalul integrat în Visual Studio Code, dacă nu este deja deschis.

2. Observați că solicitarea de terminal poate arăta diferit de solicitarea normală de terminal.

   

3. Rulați următoarea comandă pentru a vă asigura că Este instalat Python:

   python --version
   

   Ieșirea terminalului trebuie să fie versiunea de Python utilizată în container.

Instalarea dependențelor de proiect

• Rulați următoarea comandă în terminal pentru a instala dependențele Flask de care aveți nevoie pentru a rula proiectul:

  pip3 install --user -r requirements.txt
  

Rulați proiectul

1. Introduceți următoarea comandă în terminal pentru a porni proiectul:

   python app.py
   

2. Deschideți proiectul într-un browser navigând la http://127.0.0.1:5000.

   

Mare lucru! Aveți o aplicație web Python cu Flask care rulează pe mașină, și s-ar putea să nu știți ce sunt aceste lucruri chiar. Este în regulă! Nu trebuie să. Containerul are grijă de configurarea întregului mediu.

În secțiunea următoare, veți afla cum să utilizați fișierul devcontainer.json pentru a automatiza instalarea dependenței și a particulariza codul VS pentru acest proiect Python.