Zaloguj się, aby zapisywać progres i rozwiązywać quizy.
Zaloguj się →Potrzebujesz dwóch rzeczy: edytora kodu i AI, które w nim działa. VS Code jako baza, Claude Code jako warstwa AI. Żadnych skomplikowanych setupów — otwierasz terminal i budujesz.
- 1Fundament pod resztę ścieżki — wszystkie kolejne moduły zakładają, że masz działające środowisko z Claude Code. To Twoja baza.
- 2CLAUDE.md = kontrola — plik kontekstowy pozwala sterować zachowaniem AI. To jak brief dla partnera — im lepszy, tym lepsze rezultaty.
- 3Starter Kit = szybki start — zamiast się zastanawiać od czego zacząć, masz gotowy zestaw: folder, CLAUDE.md, komendy. Otwierasz i budujesz.
Jedno narzędzie, zero komplikacji
Nie potrzebujesz 10 aplikacji. Potrzebujesz edytora kodu i AI, które rozumie Twój projekt.
Claude Code w VS Code
Co to jest: Claude Code to narzędzie Anthropic, które działa w terminalu VS Code. Rozmawiasz tekstem — Claude czyta Twoje pliki, edytuje je, uruchamia komendy. Wszystko w jednym oknie.
VS Code to darmowy edytor Microsoftu. Większość narzędzi do kodowania z AI to jego forki (kopie z dodatkami). Idąc do źródła, masz najstabilniejszą bazę.
Dlaczego Claude Code:
- •Rozumie cały projekt — czyta wszystkie pliki naraz
- •Uruchamia komendy (build, deploy, testy) bezpośrednio
- •Pliki kontekstowe (CLAUDE.md) dają precyzyjną kontrolę nad zachowaniem AI
- •Wymaga planu Pro ($20/mies.) lub wyżej — ale to inwestycja, która się zwraca
Jak to działa: Otwierasz VS Code, otwierasz terminal (Ctrl + ), wpisujesz claude` i rozmawiasz. Claude Code widzi Twój projekt, tworzy pliki, naprawia błędy — a Ty widzisz wszystko w edytorze obok.
Instalacja Claude Code
1. VS Code
Pobierz ze strony code.visualstudio.com. Zainstaluj. Otwórz.
2. Terminal w VS Code
Terminal to po prostu miejsce, gdzie wpisujesz komendy tekstem. W VS Code otworzysz go przez Ctrl + ` (backtick, klawisz pod Escape).
3. Node.js
Claude Code wymaga Node.js (v18+). Zainstaluj:
- •Mac:
brew install node(jeśli masz Homebrew) lub ze strony nodejs.org - •Windows: Pobierz ze strony nodejs.org
Sprawdź: node --version
4. Claude Code
Najszybsza instalacja przez npm:
npm install -g @anthropic-ai/claude-code
Po zainstalowaniu możesz przejść na natywny instalator (automatyczne aktualizacje, bez zależności od Node.js):
claude install
Przejdź do folderu projektu i uruchom:
claude
Przy pierwszym uruchomieniu połączysz konto Anthropic (potrzebny plan Pro lub wyżej).
Starter Kit — Twój pierwszy projekt
Zamiast zaczynać od pustego folderu, użyj tego zestawu komend. Wklej je w terminal VS Code:
codemkdir moj-projekt cd moj-projekt git init
Teraz stwórz plik CLAUDE.md w tym folderze (w VS Code: File → New File → zapisz jako CLAUDE.md):
markdown# Mój Projekt ## Stos technologiczny - HTML, CSS, JavaScript (vanilla) ## Konwencje - Ciemny motyw - Minimalistyczny design - Polski interfejs ## Ważne zasady - Nie dodawaj bibliotek zewnętrznych - Jeden plik HTML jeśli możliwe - Responsive design (mobile-first)
Teraz uruchom Claude Code:
claude
I wpisz swój pierwszy opis. Claude Code przeczyta CLAUDE.md i będzie znał kontekst Twojego projektu od pierwszej sekundy.
Pierwszy kontakt
Po uruchomieniu Claude Code wpisz:
Stwórz mi prostą stronę HTML z nagłówkiem "Moja pierwsza strona" i jednym akapitem tekstu. Dark theme.
Obserwuj co się dzieje. Claude Code:
- •Przeczyta Twój CLAUDE.md
- •Zaplanuje co zrobić
- •Stworzy plik
- •Może zaproponować podgląd
To Twój pierwszy vibe coding moment.