Gyakorlat – Fejlesztői tároló hozzáadása egy meglévő projekthez

Befejeződött

Amikor fejlesztői tárolót állít be a projekthez, először egy tárolókonfigurációt kell hozzáadnia az adott projekthez. A Visual Studio Code-ban a tárolókonfiguráció állítja be a környezetet.

Ebben a gyakorlatban felvesz egy fejlesztői tárolót, és megnyitja a Termékek irányítópult projektet a tárolóban.

Fejlesztői tároló hozzáadása

1. Térjen vissza a VS Code-hoz és a korábban klónozott projekthez.

2. Nyomja le az F1 billentyűt a parancskatalógus megnyitásához.

3. Írja be a dev container hozzáadását , és válassza a Fejlesztői tárolók: Fejlesztői tároló konfigurációs fájljainak hozzáadása lehetőséget. Ez megjeleníti a Dev Container Templates listáját. A sablonok tartalmazzák a megadott technológiai verem teljes fejlesztési környezetének konfigurálásához szükséges forrásfájlokat.

4. Válassza a Konfiguráció hozzáadása a munkaterülethez lehetőséget.

5. Válassza az alábbi lehetőségeket:

   Lehetőség	Érték
   Tárolókonfigurációs sablon kiválasztása	Python 3
   Python-verzió	3.11
   További telepítendő funkciók kiválasztása	Válassza az OK gombot

Fontos

Az első lépésben egy konfigurációs sablon kiválasztásakor előfordulhat, hogy a "Minden definíció megjelenítése..." lehetőséget kell választania. a listából, majd a sablonok teljes készletének betöltése után válassza a Pythont.

A rendszer hozzáad egy Dev Container-konfigurációt a projekthez. A Visual Studio Code értesíti Önt, hogy most már megnyithatja a projektet egy tárolóban. Egyelőre ezt az értesítést hagyja figyelmen kívül.

Konfigurációs fájlok vizsgálata

1. Figyelje meg, hogy egy " .devcontainer" nevű új mappa lett hozzáadva a projekthez.
2. Bontsa ki a mappát, és figyelje meg, hogy egy devcontainer.json fájlt tartalmaz.

A projekt megnyitása egy tárolóban

1. Nyomja le az F1 billentyűt a parancskatalógus megnyitásához.
2. Írja be nyissa meg újra a tárolóban.
3. Válassza a Fejlesztői konténerek: Újranyitás konténerben lehetőséget az elérhető opciók közül.

A tároló buldelése elkezdődik. Az első létrehozás eltarthat néhány percig, mivel új rendszerképet kell lekérni és buildelni a helyi gépen. Miután a tároló kezdeti létrehozása véget ért, a későbbi buildelések sokkal gyorsabbak lesznek.

A távoli jelző megtekintése

Ha a tároló összeállítása befejeződött, a távoli jelző vizsgálatával ellenőrizheti, hogy csatlakozik-e a tárolóhoz. Most már látnia kell a VS Code-ban betöltött projektfájlokat is.

• Vizsgálja meg a távoli jelzőt a VS Code bal alsó sarkának megtekintésével. Figyelje meg, hogy most megjelenik a "Dev Container: Python 3".

  

Fontos

Előfordulhat, hogy a Pylance-ről vagy a windowsos teljesítmény javításáról szóló értesítések jelennek meg. A VS Code-ban megjelenő értesítéseket nyugodtan elvetheti. Ezeket nem kell megtennie.

A tároló vizsgálata

1. Ha még nincs megnyitva, a Ctrl billentyűt lenyomva + ` nyissa meg az integrált terminált a Visual Studio Code-ban.

2. Figyelje meg, hogy a terminál parancssora eltérhet a normál terminálüzenetétől.

   

3. Futtassa a következő parancsot a Python telepítésének ellenőrzéséhez:

   python --version
   

   A terminál kimenetének a tárolóban használt Python-verziónak kell lennie.

A projekt függőségeinek telepítése

• Futtassa az alábbi parancsot a terminálban a projekt futtatásához szükséges Flask-függőségek telepítéséhez:

  pip3 install --user -r requirements.txt
  

A projekt futtatása

1. A projekt elindításához írja be az alábbi parancsot a terminálon:

   python app.py
   

2. Nyissa meg a projektet egy böngészőben a következőre http://127.0.0.1:5000navigálva:

   

Szép munka! Van egy Python-webalkalmazása, amelyen a Flask fut a gépen, és lehet, hogy nem is tudja, mik ezek a dolgok. Ez nem baj! Nem is kell értenie. A tároló gondoskodik a teljes környezet beállításáról.

A következő szakaszban megtudhatja, hogyan automatizálhatja a devcontainer.json függőségek telepítését és a VS Code testreszabását a Python-projekthez a fájl használatával.