Integracja z IDE: VS Code, JetBrains i inne

Masz działający Claude Code w terminalu i działa świetnie. Ale przełączanie się między edytorem a osobnym oknem terminala przerywa Twój przepływ pracy — ciągle używasz alt-tab, kopiujesz i wklejasz ścieżki plików i tracisz kontekst tego, na co patrzyłeś. Integracje z IDE rozwiązują ten problem, umieszczając Claude Code bezpośrednio w edytorze, gdzie może widzieć Twoje otwarte pliki, pozycję kursora i wyniki w terminalu.

Ten przewodnik obejmuje konfigurację rozszerzenia VS Code (główna integracja), wtyczki JetBrains oraz sposób używania CLI wewnątrz zintegrowanego terminala dowolnego edytora.

Co zdobędziesz

• Zainstalowane i skonfigurowane rozszerzenie Claude Code dla VS Code
• Wiedzę o konfiguracji wtyczki JetBrains
• Zrozumienie, kiedy używać rozszerzenia, a kiedy CLI
• Skróty klawiszowe i wzorce przepływu pracy dla użycia w IDE

Konfiguracja rozszerzenia VS Code

Rozszerzenie VS Code to najbardziej dopracowana integracja z IDE. Zapewnia natywny graficzny panel czatu, cofanie oparte na punktach kontrolnych, odwołania do plików przez @-wzmianki oraz równoległe konwersacje.

Wymagania wstępne

• VS Code 1.98.0 lub nowszy (lub Cursor)
• Uwierzytelniona instalacja Claude Code (zobacz Uwierzytelnianie)

Instalacja

1. Zainstaluj rozszerzenie używając jednej z tych metod:

   • Otwórz VS Code, naciśnij Cmd+Shift+X (Mac) lub Ctrl+Shift+X (Windows/Linux), wyszukaj “Claude Code” i kliknij Install
   • Lub zainstaluj bezpośrednio: Zainstaluj dla VS Code | Zainstaluj dla Cursor

2. Otwórz panel Claude klikając ikonę Spark w prawym górnym rogu dowolnego otwartego pliku lub kliknij “Claude Code” na pasku stanu w prawym dolnym rogu.

3. Zaloguj się gdy zostaniesz o to poproszony. Rozszerzenie używa tego samego uwierzytelniania co CLI — jeśli już uwierzytelniłeś się przez terminal, rozszerzenie przejmie Twoje istniejące poświadczenia.

4. Wyślij swój pierwszy prompt w panelu czatu, aby sprawdzić, czy wszystko działa.

Notatka

Rozszerzenie zawiera binarny plik CLI. Nie potrzebujesz osobnej instalacji. Jednakże, jeśli masz już zainstalowany Claude Code przez natywny instalator, rozszerzenie użyje Twojej istniejącej instalacji i konfiguracji.

Kluczowe funkcje

@-wzmianki plików i folderów — Wpisz @ i nazwę pliku, aby dać Claude konkretny kontekst. Claude obsługuje rozmyte dopasowanie:

@auth.ts        # Dopasowuje auth.ts, AuthService.ts, itp.
@src/components/ # Zawiera cały folder (końcowy ukośnik)

Kontekst zaznaczonego tekstu — Gdy podświetlisz kod w edytorze, Claude automatycznie widzi Twój wybór. Naciśnij Option+K (Mac) / Alt+K (Windows/Linux), aby wstawić jawną @-wzmiankę z numerami linii, np. @app.ts#5-10.

Tryby uprawnień — Kliknij wskaźnik trybu na dole pola promptu:

• Normal: Claude pyta przed każdą akcją
• Plan mode: Claude opisuje, co zrobi, czeka na zatwierdzenie, a następnie wykonuje
• Auto-accept: Claude edytuje pliki bez pytania (odpowiednik trybu “Accept Edits”)

Wiele konwersacji — Otwórz Command Palette (Cmd+Shift+P) i wybierz “Claude Code: Open in New Tab”, aby prowadzić równoległe konwersacje dla różnych zadań.

Punkty kontrolne — Najedź kursorem na dowolną wiadomość, aby uzyskać dostęp do przycisku cofania. Możesz rozwidlić konwersację, cofnąć zmiany w plikach lub obie te rzeczy. To Twój system cofania, gdy Claude obierze złą drogę.

Wskazówka

Prompt do skopiowania i wklejenia do używania Claude w VS Code z kontekstem:

Spójrz na mój aktualnie zaznaczony kod. Wyjaśnij, co robi ta funkcja,
zidentyfikuj potencjalne błędy i zasugeruj usprawnienia. Nie zmieniaj
jeszcze niczego -- po prostu daj mi swoją analizę.

Zaznacz funkcję w edytorze przed wysłaniem tego promptu. Claude automatycznie zobaczy podświetlony kod.

Podstawowe skróty klawiszowe

Skrót	Akcja
Cmd+Esc / Ctrl+Esc	Przełącz fokus między edytorem a panelem Claude
Cmd+Shift+Esc / Ctrl+Shift+Esc	Otwórz Claude w nowej karcie
Option+K / Alt+K	Wstaw @-wzmiankę dla bieżącego zaznaczenia
Cmd+N / Ctrl+N	Nowa konwersacja (gdy panel Claude ma fokus)
Shift+Enter	Nowa linia bez wysyłania

Ustawienia rozszerzenia

Otwórz VS Code Settings (Cmd+,) i przejdź do Extensions > Claude Code:

Ustawienie	Domyślnie	Co robi
initialPermissionMode	default	Początkowy tryb uprawnień dla nowych konwersacji
useTerminal	false	Użyj terminala w stylu CLI zamiast graficznego panelu
autosave	true	Automatycznie zapisuj pliki, zanim Claude je odczyta lub zapisze
useCtrlEnterToSend	false	Wymagaj Ctrl/Cmd+Enter do wysłania (zamiast Enter)

Konfiguracja wtyczki JetBrains

Claude Code ma również wtyczkę dla IDE JetBrains (IntelliJ IDEA, WebStorm, PyCharm i inne).

1. Zainstaluj przez JetBrains Marketplace — Otwórz swoje IDE JetBrains, przejdź do Settings > Plugins > Marketplace, wyszukaj “Claude Code” i zainstaluj.

2. Uwierzytelnij się — Wtyczka używa tych samych poświadczeń co CLI. Jeśli nie uwierzytelniłeś się jeszcze, otwórz zintegrowany terminal w swoim IDE JetBrains i uruchom claude, aby zakończyć proces logowania.

3. Otwórz panel Claude z okna narzędzi po prawej stronie IDE.

Wtyczka JetBrains zapewnia podobne doświadczenie czatu jak rozszerzenie VS Code, z odwołaniami do plików i historią konwersacji. Konfiguracja jest współdzielona przez ten sam plik ~/.claude/settings.json.

CLI wewnątrz dowolnego edytora

Jeśli Twój edytor nie ma dedykowanego rozszerzenia lub wolisz CLI, możesz uruchomić claude w zintegrowanym terminalu dowolnego edytora:

Terminal VS Code

Otwórz zintegrowany terminal (Ctrl+` lub Cmd+`) i uruchom:

claude

Gdy Claude Code wykryje, że działa w VS Code, automatycznie integruje się z IDE dla funkcji takich jak przeglądanie różnic i udostępnianie diagnostyki. Jeśli używasz zewnętrznego terminala, uruchom /ide wewnątrz Claude Code, aby połączyć go z VS Code.

Terminal JetBrains

Otwórz okno narzędzi Terminal (zazwyczaj na dole) i uruchom:

claude

CLI działa w pełni wewnątrz terminali JetBrains, choć bez głębszej integracji z IDE, którą zapewnia dedykowana wtyczka.

Inne edytory

Każdy edytor ze zintegrowanym terminalem (Neovim, Emacs, Sublime Text itp.) może uruchomić Claude Code:

claude

Doświadczenie jest identyczne jak w samodzielnym terminalu. Claude odczytuje i zapisuje pliki bezpośrednio na dysku, a Twój edytor przechwytuje zmiany.

Rozszerzenie kontra CLI: kiedy którego użyć

Funkcja	Rozszerzenie VS Code	CLI w terminalu
Graficzny panel czatu	Tak	Nie
Cofanie punktów kontrolnych	Tak	Nie (użyj git)
@-wzmianki plików	Tak	Tak (@ w terminalu)
Konfiguracja serwera MCP	Nie (użyj CLI)	Tak
Wszystkie polecenia slash	Podzbiór	Pełny zestaw
Uzupełnianie tabulatorem	Nie	Tak
Skrót bash !	Nie	Tak
Wiele równoległych sesji	Tak (karty)	Tak (tmux/terminale)

Praktyczny przepływ pracy: używaj rozszerzenia do codziennego rozwoju, gdy chcesz wizualne różnice i łatwe cofanie punktów kontrolnych. Przełącz się na CLI dla konfiguracji serwerów MCP, zaawansowanych poleceń slash i automatyzacji bez interfejsu.

Wskazówka

Prompt do skopiowania i wklejenia do debugowania wyjścia terminala:

@terminal:dev Spójrz na wyniki błędów z terminala mojego serwera dev.
Co powoduje ten błąd i jak go naprawić?

W rozszerzeniu VS Code możesz odwoływać się do wyjścia terminala używając @terminal:name, gdzie name to tytuł terminala. Pozwala to Claude widzieć komunikaty o błędach i logi bez kopiowania i wklejania.

Integracja z przeglądarką

Rozszerzenie VS Code może łączyć się z Chrome w celu testowania aplikacji webowych. Wymaga to rozszerzenia Claude in Chrome (wersja 1.0.36+):

@browser przejdź do localhost:3000 i sprawdź konsolę pod kątem błędów

Claude otwiera nowe karty, odczytuje zawartość strony i współdzieli stan logowania Twojej przeglądarki. Przydatne do kompleksowych testów i debugowania problemów wizualnych.

Gdy coś nie działa

Ikona Spark nie jest widoczna w VS Code — Musisz mieć otwarty plik (nie tylko folder). Sprawdź, czy masz VS Code 1.98.0+ (Help > About). Spróbuj “Developer: Reload Window” z Command Palette. Jeśli zainstalowane są inne rozszerzenia AI (Cline, Continue), tymczasowo je wyłącz, aby wykluczyć konflikty.

Rozszerzenie zainstalowane, ale Claude nigdy nie odpowiada — Sprawdź połączenie internetowe i uwierzytelnienie. Rozpocznij nową konwersację. Jeśli problem się utrzymuje, otwórz CLI w terminalu (claude), aby zobaczyć bardziej szczegółowe komunikaty o błędach.

Ustawienia nie synchronizują się między rozszerzeniem a CLI — Oba używają ~/.claude/settings.json dla współdzielonych ustawień. Ustawienia specyficzne dla rozszerzenia (jak initialPermissionMode) są w systemie ustawień VS Code, a nie we współdzielonym pliku.

Wtyczka JetBrains nie znajduje poświadczeń — Otwórz zintegrowany terminal w JetBrains i uruchom claude, aby uruchomić proces uwierzytelniania. Wtyczka odczytuje poświadczenia z tej samej lokalizacji co CLI.

Co dalej

Gdy integracja z IDE działa, następnym krokiem jest inicjalizacja kontekstu projektu, aby Claude głęboko rozumiał Twoją bazę kodu.

Inicjalizacja projektu Skonfiguruj CLAUDE.md dla kontekstu projektu

Przepływ pracy PRD Przekształć wymagania w plany i zadania