Ćwiczenie — dostosowywanie ustawień projektu i edytora

Ukończone

Plik devcontainer.json ułatwia skonfigurowanie różnych ustawień w konfiguracji konteneryzowanego programu Visual Studio Code. Do tej pory konfigurowano kontener deweloperski na potrzeby projektu w języku Python. Nadal istnieją jednak pewne aspekty i zadania konfiguracji, które można jeszcze bardziej zautomatyzować.

W tym ćwiczeniu użyjesz pliku devcontainer.json, aby dostosować projekt i spowodować, że będzie działał bez jakichkolwiek zmian konfiguracji ze strony dewelopera.

Instalowanie rozszerzeń programu Visual Studio Code

Kontener jest dostarczany z rozszerzeniem Microsoft Python (jak widać na obrazie podstawowym). Rozszerzenie Python umożliwia korzystanie ze wstawek kodu, lintingu i funkcji IntelliSense w plikach języka Python. Jednak plik index.html w folderze templates jest szablonem Jinja i musisz zainstalować inne rozszerzenie, aby uzyskać wyróżnianie składni w tym pliku.

1. Naciśnij F1 , aby otworzyć paletę poleceń.
2. Wpisz rozszerzenie i wybierz pozycję Rozszerzenia: Zainstaluj rozszerzenia.
3. W eksploratorze rozszerzeń po prawej wyszukaj jinja.
4. Wybierz pozycję Zainstaluj.
5. Kliknij prawym przyciskiem myszy rozszerzenie Jinja z wholroyd i wybierz polecenie Dodaj do devcontainer.json.
6. Wróć do pliku devcontainer.json i zwróć uwagę, że rozszerzenie Jinja zostało dodane do extensions sekcji.
7. Zapisz plik devcontainer.json.

Automatyzowanie instalacji zależności

Teraz deweloper, który konfiguruje projekt po raz pierwszy, musi wiedzieć, aby uruchomić polecenie pip3 install --user -r requirements.txt w celu zainstalowania zależności. Bez tych zależności projekt nie zostanie uruchomiony, a inni deweloperzy mogą nie wiedzieć, dlaczego tak się dzieje.

1. Usuń komentarz dla opcji postCreateCommand.

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

2. Zapisz plik devcontainer.json.

Kontener automatycznie zainstaluje zależności przy każdym utworzeniu kontenera.

Ponowne kompilowanie nowego kontenera

1. Naciśnij F1 , aby otworzyć paletę poleceń.
2. Wpisz przebuduj i wybierz Dev Containers: Rebuild Container (Kontenery deweloperskie: ponowne kompilowanie kontenera).

Kontener zostanie ponownie skompilowany z uwzględnieniem zmian określonych w pliku devcontainer.json.

Uwaga

Za każdym razem, gdy kontener zostanie ponownie skompilowany, kontener zostanie usunięty i całkowicie ponownie utworzony. Historia terminalu nie jest utrwalana podczas odbudowy kontenera.

Sprawdzanie wyróżniania składni oferowanego przez rozszerzenie Jinja

1. Otwórz plik templates/index.html.

2. Przewiń w dół do wiersza 33 i zwróć uwagę na wyróżnianie składni w pętli for. To wyróżnianie składni jest włączone przez rozszerzenie Jinja.

   

Uruchom aplikację

1. Naciśnij Ctrl + ` , aby otworzyć zintegrowany terminal programu Visual Studio Code.

2. Uruchom aplikację przy użyciu następującego polecenia:

   python app.py
   

3. Zauważ, że nie trzeba było instalować żadnych zależności. Aplikacja po prostu się uruchomiła.

Kontener jest teraz dostosowany i zautomatyzowany pod kątem Twojej agencji. Każdy deweloper, który otwiera ten projekt przy użyciu usługi Dev Containers, może natychmiast go uruchomić i pracować nad pisaniem kodu.

W następnej lekcji dowiesz się, jak zainstalować dodatkowe oprogramowanie w kontenerze deweloperskim.