Harjoitus – Projektin ja editorin asetusten mukauttaminen

Valmis

devcontainer.json-tiedoston avulla voit määrittää eri asetuksia säilön Visual Studio Coden asetuksissa. Tähän mennessä olet määrittänyt kehityssäilön Python-projektille. Joitakin karkeita reunoja ja määritystehtäviä on kuitenkin vielä tehtävä, joita voit automatisoida edelleen.

Tässä harjoituksessa käytät devcontainer.json -tiedostoa näiden reunojen tasoittamiseen ja projektin toiminnan helpottamiseen ilman kehittäjän asennusvaiheita.

Asenna Visual Studio Code -laajennukset

Säilöön sisältyy Microsoft Python -laajennus (kuten sen peruskuvasta näkyy). Python-laajennus mahdollistaa katkelmat, nukkaamisen ja IntelliSensen Python-tiedostoissa. Mallit-kansion index.html tiedosto on kuitenkin Jinja-malli, ja sinun on asennettava eri tiedostotunniste, jotta saat syntaksikorostuksen kyseisessä tiedostossa.

1. Avaa komentovalikoima painamalla F1.
2. Kirjoita laajennus ja valitse laajennukset: Asenna laajennukset.
3. Etsi oikealla olevasta laajennustenetsijästä jinja.
4. Valitse Asenna.
5. Napsauta hiiren kakkospainikkeella Jinja -laajennusta Wholroyd laajennusta ja valitse Lisää devcontainer.json.
6. Palaa devcontainer.json-tiedostoon ja huomaa, että Jinja-tunniste on lisätty extensions-osaan.
7. Tallenna devcontainer.json tiedosto.

Automatisoi riippuvuusasennukset

Juuri nyt kehittäjän, joka määrittää projektin ensimmäistä kertaa, on tiedettävä, että hänen on suoritettava pip3 install --user -r requirements.txt riippuvuuksien asentamiseksi. Ilman näitä riippuvuuksia projektia ei suoriteta, eivätkä muut kehittäjät välttämättä tiedä syytä.

1. Poista postCreateCommand-asetus.

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

2. Tallenna devcontainer.json tiedosto.

Säilö asentaa riippuvuussuhteet automaattisesti aina, kun luodaan säilö.

Muodosta uusi säilö uudelleen

1. Avaa komentovalikoima painamalla F1.
2. Kirjoita muodosta uudelleen ja valitse Kehityssäilöt: Muodosta säilö uudelleen.

Säilö rakennetaan uudelleen käyttäen muutoksia, jotka olet määrittänyt devcontainer.json-tiedostoon.

Muistiinpano

Aina, kun säilö on rakennettu uudelleen, säilö poistetaan ja luodaan kokonaan uudelleen. Päätehistoria ei säily, kun säilö rakennetaan uudelleen.

Tutki Jinja-laajennuksen tarjoamaa syntaksin korostusta

1. Avaa templates/index.html tiedosto.

2. Vieritä riville 33 ja huomaa, että syntaksin korostus on for silmukassa. Tämän syntaksin korostuksen ottaa käyttöön Jinja-laajennus.

   

Suorita sovellus

1. Avaa integroitu Visual Studio Code -pääte painamalla Ctrl- + `.

2. Suorita sovellus käyttämällä seuraavaa komentoa:

   python app.py
   

3. Huomaa, että sinun ei tarvinnut asentaa riippuvuuksia. Sovellus yksinkertaisesti suoritetaan.

Säilö on nyt mukautettu ja automatisoitu virastollesi. Kehittäjät, jotka avaavat tämän projektin kehityssäilöjen avulla, voivat välittömästi suorittaa sen ja päästä töihin koodin kirjoittamiseen.

Seuraavassa yksikössä opit asentamaan lisäohjelmiston kehityssäilöön.