Gyakorlat – A projekt testre szabása és a szerkesztő beállításai

Befejeződött

A devcontainer.json fájl segítségével konfigurálhat különböző beállításokat a tárolóalapú Visual Studio Code beállításában. Eddig konfigurált egy fejlesztői tárolót a Python-projekthez. Továbbra is vannak azonban olyan beállítási lehetőségek és feladatok, amelyeket még automatizálhat.

Ebben a gyakorlatban a devcontainer.json fájl használatával fogjuk elvégezni ezeket a finomhangolásokat, és azt fogjuk elérni, hogy a fejlesztőnek ne kelljen már semmilyen beállítást elvégeznie ahhoz, hogy a projekt működőképes legyen.

Visual Studio Code-bővítmények telepítése

A tárolóhoz tartozik a Microsoft Python-bővítmény (ahogy az alaprendszerképben látható). A Python-bővítmény lehetővé teszi a kódrészletek, a kódminőség-ellenőrzés és az IntelliSense használatát a Python-fájlokban. A sablonok mappájában található index.html fájl azonban egy Jinja-sablon, és egy másik bővítményt kell telepítenie ahhoz, hogy szintaxiskiemelést kapjon a fájlban.

  1. Nyomja le az F1 billentyűt a parancskatalógus megnyitásához.
  2. Írja be a bővítményt , és válassza a Bővítmények: Bővítmények telepítése lehetőséget.
  3. A jobb oldali bővítményböngészőben keressen a jinja kifejezésre.
  4. Válassza a Telepítés lehetőséget.
  5. Kattintson a jobb gombbal a Jinja bővítményre a wholroyd, majd válassza a Hozzáadás devcontainer.json lehetőséget.
  6. Térjen vissza a devcontainer.json fájlhoz, és figyelje meg, hogy a Jinja bővítmény hozzá lett adva a extensions szakaszhoz.
  7. Mentse a devcontainer.json fájlt.

A függőség telepítésének automatizálása

Jelenleg egy fejlesztőnek, aki először állítja be a projektet, a pip3 install --user -r requirements.txt parancsot kell futtatnia a függőségek telepítéséhez. Ezek nélkül a függőségek nélkül a projekt nem fog futni, és más fejlesztők esetleg nem is tudják majd, hogy mi ennek az oka.

  1. Szüntesse meg a postCreateCommand beállítás megjegyzésként való megjelölését.

    "postCreateCommand": "pip3 install --user -r requirements.txt"
    
  2. Mentse a devcontainer.json fájlt.

A tároló automatikusan telepíti a függőségeket, amikor létrehoz egy tárolót.

A tároló újbóli buildelése

  1. Nyomja le az F1 billentyűt a parancskatalógus megnyitásához.
  2. Írja be az újraépítés parancsot, és válassza a Dev Containers: Rebuild Container (Tároló újraépítése) lehetőséget.

A tároló újra létrejön a devcontainer.json fájlban megadott változtatásokkal.

Feljegyzés

Amikor újraépít egy tárolót, a tároló el lesz távolítva, és teljesen újra létre lesz hozva. A terminálelőzmények nem maradnak meg egy tároló újraépítésekor.

A Jinja-bővítmény által biztosított szintaxiskiemelés vizsgálata

  1. Nyissa meg a(z) templates/index.html fájlt.

  2. Görgessen le a 33. sorra, és figyelje meg, hogy a for ciklusnál szintaxiskiemelés jelenik meg. Ezt a szintaxiskiemelést a Jinja bővítmény engedélyezi.

    Képernyőkép egy Jinja-sablonról, kiemelve egy ciklust szintaxiskiemeléssel.

Az alkalmazás futtatása

  1. A Visual Studio Code integrált termináljának megnyitásához nyomja le a Ctrl billentyűt + ` .

  2. Futtassa az alkalmazást az alábbi paranccsal:

    python app.py
    
  3. Mint látható, nem volt szükség függőségek telepítésére. Az alkalmazás egyszerűen fut.

A tároló most már testre van szabva és automatizálva van az ügynökség számára. Minden fejlesztő, aki a Dev Containers használatával nyitja meg a projektet, azonnal futtathatja, és hozzáférhet a kódíráshoz.

A következő leckében megtanulhatja, hogyan telepíthet további szoftvereket a fejlesztői tárolóba.