Vibecoding, for real
with VS Code and Claude Code
A complete guide from installation to a professional workflow.
10 steps, an interactive quiz and a completion certificate.
This course is currently available in Polish. Questions? Contact us in English anytime.
VS Code + Claude Code to jak warsztat z inteligentnym asystentem
Wyobraź sobie, że masz warsztat stolarski (VS Code), a obok stoi doświadczony mistrz (Claude Code), który na Twoje polecenie tworzy, poprawia i testuje wszystko, co potrzebujesz. Ty mówisz, on robi.
Czym jest VS Code?
Visual Studio Code to darmowy edytor kodu od Microsoftu. Koloruje składnię, podpowiada co napisać, ma wbudowany terminal i ogromną ilość rozszerzeń. To Twoje główne miejsce pracy przy vibecoding.
Jak zainstalować VS Code?
Pobierz program
Wejdź na code.visualstudio.com i kliknij "Download". Plik waży ok. 90 MB.
Uruchom instalator
Kliknij pobrany plik. Zaznacz "Dodaj do PATH" i "Zarejestruj jako edytor". Klikaj Dalej.
Gotowe!
Uruchom VS Code. Wymagana wersja: 1.98.0 lub nowsza.
Wymagane narzędzia dodatkowe
Zanim zainstalujesz Claude Code, musisz mieć kilka narzędzi. Nie martw się — każde instalujesz raz i zapominasz.
🐍 Python
Wejdź na python.org, kliknij "Download Python". Podczas instalacji koniecznie zaznacz "Add Python to PATH" — to bardzo ważne! Bez tego terminal nie znajdzie Pythona.
🌿 Git
Wejdź na git-scm.com, pobierz instalator. Instaluj z domyślnymi ustawieniami (klikaj "Next" do końca).
📦 Node.js
Wejdź na nodejs.org i pobierz wersję LTS (zalecana). Node.js jest wymagany do instalacji Claude Code przez terminal.
Jak zainstalować Claude Code w terminalu (CLI)?
Claude Code działa również jako narzędzie terminalowe (CLI). Po zainstalowaniu Node.js otwórz terminal i wpisz:
npm install -g @anthropic-ai/claude-code
Po instalacji wystarczy wpisać claude w terminalu, żeby uruchomić Claude Code.
Jak aktywować subskrypcję Claude?
Załóż konto
Wejdź na claude.ai i zarejestruj się (email lub Google).
Wybierz plan
Zalecamy start od planu Pro ($20/miesiąc). Wystarczy na naukę i pierwsze projekty. Skalujesz później w miarę potrzeb.
Gotowe!
Po aktywacji subskrypcji możesz używać Claude Code zarówno w VS Code, jak i w terminalu.
Jak zainstalować Claude Code Extension w VS Code?
Otwórz Extensions
Użyj skrótu Cmd+Shift+X (Mac) lub Ctrl+Shift+X (Windows/Linux). Otworzy się panel rozszerzeń.
Wyszukaj "Claude Code"
Wpisz "Claude Code" w wyszukiwarkę. Zainstaluj oficjalne rozszerzenie od Anthropic.
Zaloguj się
Potrzebujesz konta Anthropic (claude.ai). Zaloguj się po instalacji rozszerzenia.
Gdzie znajdziesz Claude Code?
Spark Icon
Ikona w Editor Toolbar (prawy górny róg) — otwiera panel Claude
Status Bar
Dolny pasek VS Code — szybki dostęp do Claude
Activity Bar
Lewy panel VS Code — ikona Claude włącza boczny widok
Learn Checklist
Przy pierwszym użyciu zobaczysz "Learn Claude Code" — poradnik krok po kroku
Kluczowe skróty klawiszowe
| Skrót | Co robi |
|---|---|
| Cmd+Esc / Ctrl+Esc | Przełącz focus na panel Claude |
| Cmd+Shift+Esc | Otwórz nową kartę Claude |
| Option+K / Alt+K | Wstaw @-wzmiankę (plik, folder) |
Quiz sprawdzający wiedzę
15 losowych pytań z puli 25. Różne pytania przy każdym podejściu! Zdaj na minimum 80%, żeby otrzymać certyfikat.
Czas nieograniczony. Po każdym pytaniu dostajesz wyjaśnienie odpowiedzi.