Zaloguj się, aby zapisywać progres i rozwiązywać quizy.
Zaloguj się →Edytor to przestrzeń, w której myślisz z AI. Dobre środowisko usuwa tarcie między wami. VS Code (darmowy, uniwersalny) jako baza + Claude Code jako warstwa AI — razem tworzą środowisko, które pozwala wam płynnie współpracować.
- 1Interfejs do myślenia — edytor to miejsce gdzie prowadzisz dialog z AI, nie tylko piszesz kod
- 2Terminal = punkt kontaktu — Claude Code działa w terminalu VS Code. Dobra konfiguracja terminala to płynna rozmowa.
- 3Płynność dialogu — dobre skróty pozwalają szybko iterować pomysły z AI bez przerywania flow
- 4Ekosystem — VS Code to standard. Większość tutoriali, integracji i narzędzi AI zakłada, że go używasz.
VS Code — twoja baza
Visual Studio Code to darmowy edytor od Microsoft. Działa na Windows, Mac, Linux. Ma ogromny ekosystem rozszerzeń i jest de facto standardem w branży.
Dlaczego VS Code?
- •40,000+ rozszerzeń w marketplace
- •Wbudowany terminal (kluczowy dla Claude Code)
- •Git integration
- •Debugging dla większości języków
- •Settings Sync między urządzeniami
Konfiguracja VS Code
1. Instalacja
Pobierz z code.visualstudio.com.
2. Settings Sync
Włącz synchronizację - twoje settings, extensions, keybindings będą dostępne na każdym urządzeniu.
codeFile → Preferences → Turn on Settings Sync Zaloguj przez GitHub lub Microsoft account
3. Podstawowe Extensions
Must-have:
- •Polish Language Pack - jeśli wolisz polski interface
- •GitLens - supercharged git blame, history, compare
- •Error Lens - błędy inline, nie tylko w Problems tab
- •Prettier - automatyczne formatowanie kodu
Dla Claude workflow:
- •Claude Code - oficjalne CLI od Anthropic (instalacja w następnym module)
- •Claude Dev - integracja z Claude API w edytorze
4. Font
Programistyczny font z ligaturami:
- •JetBrains Mono (rekomendowane) - jetbrains.com/lp/mono
- •Fira Code - alternatywa
json// settings.json { "editor.fontFamily": "JetBrains Mono", "editor.fontLigatures": true, "editor.fontSize": 14 }
5. Przydatne skróty
| Skrót | Akcja |
|---|---|
| Cmd+P | Quick Open (szukaj plików) |
| Cmd+Shift+P | Command Palette |
| Cmd+/ | Toggle comment |
| Cmd+D | Select next occurrence |
| Cmd+Shift+L | Select all occurrences |
| Ctrl+` | Toggle terminal |
6. Terminal — serce pracy z Claude Code
Claude Code działa w terminalu. Upewnij się, że terminal w VS Code jest skonfigurowany:
json// settings.json { "terminal.integrated.defaultProfile.osx": "zsh", "terminal.integrated.fontSize": 13 }
`Ctrl+`` otwiera terminal. Tu będziesz rozmawiać z Claude Code.
Dlaczego VS Code + Claude Code?
codeVS Code Claude Code ├── Edytor kodu ├── Agent AI w terminalu ├── Extensions ├── Czyta twoje pliki ├── Git integration ├── Rozumie kontekst projektu ├── Debugging ├── Pisze i edytuje kod └── Terminal ──────────────└── Działa właśnie tutaj
VS Code daje ci kontrolę nad kodem. Claude Code daje ci partnera do myślenia. Razem — pełne środowisko do pracy z AI.