Claude Code w VS Code - jak zintegrować

Claude Code

Claude Code w VS Code - jak zintegrować

W skrócie

Claude Code, oficjalne narzędzie CLI od Anthropic, to program terminalowy, a nie klasyczna wtyczka z okienkiem czatu wbudowanym w edytor. To zaskakuje osoby, które spodziewają się panelu bocznego jak w innych asystentach. Dobra wiadomość jest taka, że VS Code ma wbudowany terminal, więc Claude Code można używać wprost w edytorze, a Anthropic udostępnia też rozszerzenie, które spina jedno z drugim. Efekt jest ten sam: piszesz do agenta i widzisz zmiany w otwartym projekcie, bez skakania między oknami.

Jak to wygląda w praktyce

Zaczynasz od instalacji i szukasz Claude Code w sklepie z rozszerzeniami jak zwykłego dodatku, a potem nie wiesz, gdzie kliknąć, żeby pojawił się czat. Albo uruchamiasz narzędzie w osobnym oknie terminala systemowego i pracujesz w rozdwojeniu: kod w VS Code, rozmowa gdzie indziej, ciągłe przełączanie uwagi. Bywa też, że odpalasz Claude Code w terminalu, ale z niewłaściwego katalogu, więc narzędzie nie widzi Twojego projektu i odpowiada tak, jakby pracowało w pustce.

Dlaczego Claude Code tak działa

Claude Code zostało pomyślane jako narzędzie wiersza poleceń, które działa w kontekście katalogu, z którego je uruchomisz. Dzięki temu jest niezależne od konkretnego edytora i działa wszędzie, gdzie masz terminal. Wadą jest to, że nie dostajesz z automatu panelu czatu wbudowanego w interfejs edytora, do jakiego przyzwyczaiły inne asystenty. Integracja z VS Code polega więc na dwóch rzeczach naraz: na tym, że edytor ma zintegrowany terminal, w którym Claude Code po prostu działa, oraz na oficjalnym rozszerzeniu, które ułatwia uruchamianie i wygodniejszą pracę bez opuszczania okna edytora. Kluczowe jest to, że narzędzie zawsze pracuje w kontekście otwartego katalogu projektu.

Jak to rozwiązać krok po kroku

1. Zainstaluj Claude Code w systemie, jeśli jeszcze go nie masz, zgodnie z bieżącą instrukcją Anthropic. Sprawdź, że komenda claude działa w zwykłym terminalu, wpisując claude --version.
2. Otwórz swój projekt w VS Code przez Plik i otwórz folder, żeby edytor pracował na właściwym katalogu głównym repozytorium.
3. Otwórz zintegrowany terminal w VS Code, na przykład skrótem otwierającym panel terminala, i upewnij się, że jesteś w katalogu projektu. Wpisz claude, żeby uruchomić agenta bezpośrednio w edytorze.
4. Dla wygodniejszej pracy dodaj oficjalne rozszerzenie Claude Code z widoku rozszerzeń VS Code. Ułatwia ono uruchamianie narzędzia i pracę bez przełączania się do osobnego okna terminala.
5. Pracuj z projektem otwartym obok rozmowy. Wydawaj polecenia w terminalu albo w panelu rozszerzenia, a zmiany w plikach obserwuj wprost w edytorze i w systemie kontroli wersji.
6. Zaloguj się przy pierwszym uruchomieniu, gdy pojawi się kreator logowania, i potwierdź, że narzędzie ma dostęp do konta, którego chcesz używać.

Jak sprawdzić, że zadziałało

Poproś Claude Code o drobną, sprawdzalną rzecz w otwartym projekcie, na przykład o dodanie komentarza w konkretnym pliku. Jeśli po zaakceptowaniu zmiany zobaczysz ją od razu w edytorze, a plik pojawi się jako zmodyfikowany w panelu kontroli wersji VS Code, integracja działa. Sprawdź też, że narzędzie widzi Twój projekt: zadaj pytanie o strukturę katalogów i porównaj odpowiedź z tym, co masz w edytorze. Gdy rozmowa i kod są w jednym oknie, a zmiany trafiają do właściwych plików projektu, masz układ, w którym nie musisz już przeskakiwać między terminalem a edytorem.

Wróć do listy: 100 najczęstszych problemów z Claude Code

Szkolenie Claude Code - od zera do zespołu agentów AI -->

Szkolenie Claude Code - od zera do zespołu agentów AI

Tryb planowania, tryby uprawnień, komendy, MCP, hooki i systemy multi-agent - wszystko na żywym kodzie podczas trzydniowego szkolenia. Prowadzi Łukasz Matuszewski. Szkolenie ma terminy gwarantowane - odbędzie się niezależnie od liczby zgłoszeń.

Sprawdź szkolenie Claude Code

To szkolenie może być dofinansowane dla Ciebie z KFS lub BUR.

★★★★★Średnia ocena naszych szkoleń w Google: 5/5