Przejdź do głównej zawartości

Integracja z IDE

Zmaksymalizuj swoją produktywność integrując Claude Code ze swoim IDE. Ten przewodnik obejmuje instalację, konfigurację, skróty klawiszowe i zaawansowane funkcje dla VS Code, IDE JetBrains i środowisk terminalowych.

Kompatybilność IDE

Claude Code oferuje dedykowane integracje dla:

  • VS Code (w tym Cursor, Windsurf, VSCodium)
  • IDE JetBrains (IntelliJ, PyCharm, WebStorm, PhpStorm, GoLand, Android Studio)
  • Dowolny terminal (iTerm2, Terminal.app, Windows Terminal, itp.)

Nawet bez specyficznej integracji, Claude Code działa w każdym środowisku z terminalem.

  1. Zainstaluj Claude Code CLI (jeśli jeszcze nie jest zainstalowany)

    Okno terminala
    npm install -g @anthropic-ai/claude-code
  2. Uruchom Claude Code z terminala w IDE

    Okno terminala
    claude
  3. Auto-instalacja rozszerzenia (VS Code) lub instalacja wtyczki (JetBrains)

  4. Przetestuj integrację

    • Użyj skrótów klawiszowych
    • Wypróbuj przeglądanie różnic
    • Sprawdź udostępnianie diagnostyki

Po prostu uruchom claude z zintegrowanego terminala VS Code - rozszerzenie zainstaluje się automatycznie.

Funkcje integracji VS Code

FunkcjaSkrótOpis
Szybkie uruchamianieCmd+Esc (Mac)
Ctrl+Esc (Win/Linux)
Otwórz Claude Code z edytora
Przeglądanie różnicAutomatyczneWyświetl zmiany w edytorze różnic VS Code
Referencje plikówCmd+Option+K (Mac)
Alt+Ctrl+K (Win/Linux)
Wstaw referencje plików (@File#L1-99)
Kontekst zaznaczeniaAutomatycznyAktualne zaznaczenie udostępniane Claude
Udostępnianie diagnostykiAutomatyczneBłędy lintera wysyłane do Claude
Wiele instancjiRęcznieUruchom równoległe sesje Claude w podzielonych panelach
.vscode/settings.json
// .vscode/settings.json
{
"claude-code.diffTool": "auto",
"claude-code.autoLaunch": true,
"claude-code.diagnosticSharing": true,
"claude-code.selectionContext": true,
"terminal.integrated.defaultProfile.osx": "zsh",
"terminal.integrated.fontSize": 14
}

Uruchom wiele instancji Claude dla różnych części bazy kodu:

  1. Podziel panele terminala

    • Kliknij prawym przyciskiem na zakładkę terminala → “Split Terminal”
    • Lub użyj Cmd+\ (Mac) / Ctrl+\ (Windows/Linux)
  2. Przejdź do różnych katalogów

    Okno terminala
    # Terminal 1
    cd frontend
    claude
    # Terminal 2
    cd backend
    claude
  3. Pracuj równolegle

    • Każda instancja utrzymuje oddzielny kontekst
    • Idealne do rozdzielenia frontend/backend
  1. Otwórz IDE JetBrains (IntelliJ, PyCharm, itp.)
  2. Przejdź do Settings → Plugins → Marketplace
  3. Wyszukaj “Claude Code”
  4. Zainstaluj i całkowicie zrestartuj IDE

Funkcje integracji JetBrains

  • Szybkie uruchamianie: Te same skróty klawiszowe co w VS Code
  • Zintegrowany przeglądacz różnic: Wyświetlaj zmiany w narzędziu różnic JetBrains
  • Kontekst projektu: Automatyczna świadomość struktury projektu
  • Konfiguracje uruchamiania: Dostęp do konfiguracji uruchamiania projektu
  • Integracja z bazą danych: Współpraca z funkcjami DataGrip
  1. Upewnij się, że Claude Code jest uruchomiony z głównego katalogu projektu
  2. Sprawdź, czy wtyczka jest włączona w Settings
  3. Całkowicie zrestartuj IDE (może potrzebować kilku restartów)
  4. Dla Remote Dev, sprawdź czy wtyczka jest na zdalnym hoście
  1. Uruchom konfigurację terminala

    Okno terminala
    /terminal-setup

    To konfiguruje Shift+Enter dla wieloliniowego wprowadzania

  2. Konfiguracja ręczna dla różnych terminali

    • Preferences → Keys → Key Bindings
    • Dodaj: Shift+Enter → Send Text: \x1b[13;2u

Wprowadzanie tekstu wieloliniowego

MetodaSkrótDziała w
Szybkie escape\ + EnterWszystkie terminale
Shift+EnterShift + EnterPo konfiguracji
Option+EnterOption + EntermacOS domyślnie
Tryb wklejaniaBezpośrednie wklejenieDla bloków kodu
Tryb Vim/vim następnie o/OZ włączonym Vim

Zalecane ustawienia:

  • Włącz “Unlimited scrollback”
  • Skonfiguruj powiadomienia systemowe
  • Skonfiguruj semantic history
  • Używaj profili dla różnych projektów

Powiadomienia:

Okno terminala
# Włącz powiadomienia iTerm2
claude config set preferredNotifChannel iterm2_with_bell

Używaj komendy /ide aby połączyć Claude Code uruchomiony w zewnętrznym terminalu z IDE:

  1. Otwórz IDE ze swoim projektem

  2. W zewnętrznym terminalu

    Okno terminala
    cd /path/to/project
    claude
    /ide
  3. Claude wykrywa i łączy się z IDE

    • Włącza przeglądanie różnic
    • Udostępnia diagnostykę
    • Synchronizuje kontekst plików

Skonfiguruj preferowany przeglądacz różnic:

Konfiguracja narzędzia różnic
{
"diffTool": "auto", // Auto-wykrywanie IDE
// Lub określ jawnie:
// "diffTool": "vscode"
// "diffTool": "intellij"
// "diffTool": "meld"
// "diffTool": "vimdiff"
}

Włącz skróty klawiszowe Vim w Claude:

  1. Włącz tryb Vim

    Okno terminala
    /vim

    Lub skonfiguruj na stałe:

    Okno terminala
    claude config set vimMode true
  2. Obsługiwane komendy

    • Przełączanie trybu: Esc, i, a, o
    • Nawigacja: h/j/k/l, w/e/b, 0/$
    • Edycja: x, dd, cc, . (powtórz)
    • I więcej standardowych komend Vim

Efektywne przepływy pracy

1. Wzorzec szybkiej naprawy

  • Zobacz błąd w IDE
  • Cmd+Esc aby uruchomić Claude
  • “Napraw błąd TypeScript w UserService.ts”
  • Przejrzyj różnice w IDE
  • Zaakceptuj lub zmodyfikuj

2. Rozwój funkcji

  • Napisz testy w IDE
  • Uruchom Claude: “Zaimplementuj komponent UserProfile żeby przeszedł te testy”
  • Obserwuj implementację na żywo
  • Debuguj w IDE

3. Przygotowanie do code review

  • Zaznacz blok kodu
  • Uruchom Claude: “Przejrzyj ten kod pod kątem problemów bezpieczeństwa”
  • Otrzymaj natychmiastową opinię
  • Napraw problemy przed PR

Objawy: Skróty nie działają, brak przycisku Claude

Rozwiązania:

  1. Sprawdź instalację Claude Code: claude --version
  2. Sprawdź narzędzie CLI IDE: which code (lub cursor, itp.)
  3. Ręcznie wywołaj instalację z terminala
  4. Sprawdź logi rozszerzenia w IDE
  • Używaj natywnego Terminal.app lub iTerm2 dla najlepszego doświadczenia
  • Skonfiguruj skróty klawiszowe w Preferencjach systemowych jeśli potrzeba
  • Włącz uprawnienia dostępności dla skrótów klawiszowych
  • Preferuj WSL 2 nad natywnym Windows
  • Używaj Windows Terminal dla nowoczesnego doświadczenia
  • Skonfiguruj ścieżkę Git Bash jeśli używasz trybu natywnego
  • Działa ze wszystkimi głównymi terminalami
  • Może wymagać ręcznej konfiguracji skrótów klawiszowych
  • Sprawdź kompatybilność powłoki (bash/zsh/fish)
AkcjaVS CodeJetBrainsTerminal
Uruchom ClaudeCmd+EscCmd+Escclaude
Zatrzymaj ClaudeEscEscEsc
Referencja plikuCmd+Opt+KCmd+Opt+KWpisz @file
WieloliniowyAutoAuto\+Enter
Wyczyść ekranN/AN/ACtrl+L
WyjścieN/AN/ACtrl+D

Pamiętaj: Integracja IDE została zaprojektowana tak, aby była niewidoczna gdy działa prawidłowo - otrzymujesz wszystkie korzyści bez myślenia o tym.