Integracja Dockera z Visual Studio Code (VS Code) znacząco usprawnia proces tworzenia oprogramowania, umożliwiając programistom efektywne tworzenie i zarządzanie plikami Dockera, wizualne przeglądanie kontenerów i obrazów oraz łatwy dostęp do logów i terminali. Ten artykuł zawiera kompleksowy przewodnik po konfiguracji Dockera w VS Code za pośrednictwem rozszerzenia Docker.
Jak zainstalować rozszerzenie Docker w VS Code
Przed zainstalowaniem rozszerzenia Docker upewnij się, że zarówno Docker, jak i Visual Studio Code są poprawnie skonfigurowane na Twoim komputerze. Aby rozpocząć, otwórz widok Rozszerzenia w VS Code, wyszukaj „Docker” i zainstaluj oficjalne rozszerzenie Docker udostępnione przez firmę Microsoft.
Po pomyślnym zakończeniu instalacji w lewym dolnym rogu edytora pojawi się ikona Docker/Containers, co oznacza, że Docker Explorer jest już dostępny.
Nawiązywanie połączenia między Docker Desktop a VS Code
Gdy Docker Desktop jest uruchomiony, rozszerzenie Dockera łączy się bezproblemowo z VS Code. Zazwyczaj nie jest wymagana żadna dodatkowa konfiguracja, chyba że konfiguracja Dockera obejmuje specjalne konfiguracje (np.hosty zdalne lub integrację z WSL).
Aby zweryfikować połączenie, kliknij ikonę Docker/Containers, aby uruchomić Eksplorator Dockera. W nim możesz obserwować uruchomione i zatrzymane kontenery, a także obrazy, rejestry, woluminy i sieci.
Zarządzanie kontenerami, obrazami i woluminami bezpośrednio z poziomu VS Code
Dzięki pełnej integracji Dockera z VS Code zarządzanie zadaniami kontenerów nigdy nie było prostsze. W sekcji KONTENERY możesz wygodnie przeglądać zarówno uruchomione, jak i zatrzymane kontenery.
Dodatkowo, klikając prawym przyciskiem myszy na dowolnym kontenerze, uzyskasz dostęp do opcji uruchomienia, zatrzymania, ponownego uruchomienia lub usunięcia go za pomocą jednego kliknięcia.
Możesz również łatwo pobierać nowe obrazy, tworzyć obrazy z istniejących konfiguracji lub usuwać nieużywane obrazy. Na przykład, aby usunąć obraz, który nie jest już potrzebny, wystarczy kliknąć go prawym przyciskiem myszy i wybrać opcję „ Usuń”.
Ponadto zarządzanie woluminami powiązanymi z kontenerami jest proste — wystarczy kliknąć prawym przyciskiem myszy żądany wolumin, aby go sprawdzić lub zmodyfikować.
Możesz także przeglądać i zarządzać sieciami, rejestrami i kontekstami Dockera, a także uzyskać dostęp do sekcji pomocy i opinii, co pozwoli Ci jeszcze bardziej zoptymalizować proces tworzenia oprogramowania.
Tworzenie i uruchamianie aplikacji konteneryzowanej w programie VS Code
Jako praktyczny przykład, zbudujmy prostą aplikację Node.js Express, aby zilustrować możliwości rozszerzenia Docker. Zacznij od utworzenia nowego folderu w VS Code dla swojego projektu. W tym folderze utwórz plik o nazwie index.jsi wpisz następujący kod:
const express = require("express"); const server = express(()); const PORT = 4000; server.get("/", (req, res) => { res.send("Welcome to our Express app!");}); server.listen(PORT, (() => { console.log(`App running on port ${PORT}`);});
Ten prosty fragment kodu tworzy małą aplikację Express nasłuchującą na porcie 4000 i odpowiadającą komunikatem „Witamy w naszej aplikacji Express!” po wywołaniu głównego adresu URL (/).Stanowi to podstawę do testowania pliku Dockerfile.
Następnie będziesz potrzebować pliku Dockerfile. Zamiast ręcznie tworzyć plik Dockerfile i określać jego instrukcje, rozszerzenie Docker może ułatwić ten proces. Otwórz paletę poleceń, naciskając klawisz ++ na ⇧⌘Pkomputerze Mac lub Ctrl++ w systemie Windows i wpisz polecenie.ShiftPAdd Docker files to Workspace
Z podanych opcji wybierz Node.js jako platformę aplikacji.
Wskaż plik „package.json” znajdujący się w katalogu głównym projektu. Ten plik jest podstawowym plikiem konfiguracyjnym Twojej aplikacji i będzie instruował rozszerzenie Docker w generowaniu niezbędnych plików związanych z Dockerem.
Następnie wskaż numer portu, z którego będzie korzystać Twoja aplikacja, aby Docker mógł ją odpowiednio udostępnić.
Wybierz Tak, gdy zostaniesz poproszony o dołączenie pliku Docker Compose.
Rozszerzenie Docker wygeneruje teraz plik Dockerfile, plik „.dockerignore” i plik „compose.yaml” w zależności od dokonanego wyboru.
Aby kontynuować tworzenie obrazu Dockera, kliknij prawym przyciskiem myszy plik Dockerfile i wybierz polecenie Build Image (Buduj obraz) lub uruchom polecenie Docker Images: Build Image ( Obrazy Dockera: Buduj obraz) z palety poleceń.
Po zakończeniu kompilacji przejdź do sekcji Obrazy w Eksploratorze Docker, aby zobaczyć tam swój nowo utworzony projekt:
Teraz, aby uruchomić obraz, otwórz paletę poleceń i wykonaj polecenie container images: runlub po prostu kliknij obraz prawym przyciskiem myszy i wybierz polecenie Uruchom.
Wybierz najnowszy obraz z wyświetlonej listy.
Na koniec możesz sprawdzić, czy Twoja aplikacja działa, sprawdzając sekcję Kontenery w Eksploratorze Docker.
Aby uzyskać dostęp do aplikacji, kliknij prawym przyciskiem myszy działający kontener w Docker Explorerze i wybierz opcję Otwórz w przeglądarce.
Dzięki temu będziesz mógł zobaczyć kontener w akcji, a Twoja aplikacja będzie dostępna poprzez wcześniej określony port.
Wniosek
Integracja Dockera z Visual Studio Code usprawnia proces tworzenia oprogramowania, umożliwiając programistom efektywne konstruowanie, uruchamianie i kontrolowanie kontenerów bezpośrednio z poziomu środowiska programistycznego. Po zakończeniu konfiguracji uzyskasz bezproblemowy dostęp do tworzenia plików Dockera, nawigacji po kontenerach i obrazach oraz przeglądania logów lub wyników terminala za pomocą jednego kliknięcia. Ta integracja nie tylko upraszcza uruchamianie i testowanie aplikacji, ale także utrzymuje zorganizowany i produktywny przepływ pracy.
Powiązane artykuły:
Czy nowe szyfrowane wiadomości X to inteligentne posunięcie w kwestii bezpieczeństwa czy tylko miraż?
7:22
Rozwiązywanie problemów z ostrzeżeniem „Nie zakrywaj obszaru słuchawek” na urządzeniach z systemem Android
15:28
Przekształć swój terminal w udostępnialną stronę internetową za pomocą ttyd
9:54
Dodaj komentarz