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

  • 4 perc

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. Nyissa meg a Parancskatalógust az F1 billentyűvel.
  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 rá a jinja szóra.
  4. Válassza a Telepítés lehetőséget.
  5. Kattintson jobb gombbal a wholroydJinja bővítményére, és válassza az Add to 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. Nyissa meg a Parancskatalógust az F1 billentyűvel.
  2. Írja be az újraépítést, é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.

Megjegyzé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 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.

    Screenshot of a Jinja template, emphasizing a for loop with syntax highlighting.

Az alkalmazás futtatása

  1. Nyissa meg a Visual Studio Code integrált terminálját a Ctrl + ` billentyűkombinációval.

  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.