Przejdź do głównej zawartości

Przewodnik szybkiego startu Claude Code

Claude Code zmienia sposób pisania oprogramowania, zapewniając inteligentnego programistę AI bezpośrednio w terminalu. Ten przewodnik poprowadzi cię od zera do produktywności w 2 godziny, obejmując wszystko od początkowej konfiguracji po budowanie pierwszej funkcji z pomocą AI.

Przed rozpoczęciem upewnij się, że posiadasz:

  • Node.js 18+ zainstalowany (pobierz)
  • Git skonfigurowany w systemie
  • Edytor kodu (zalecane VS Code, Cursor lub JetBrains IDE)
  • Aktywny projekt do pracy

Po ukończeniu tego przewodnika będziesz w stanie:

  • Zainstalować i skonfigurować Claude Code dla optymalnej wydajności
  • Nawigować w metodologii PRD → Plan → Todo
  • Używać trybów głębokiego myślenia do złożonych decyzji architektonicznych
  • Integrować serwery MCP dla rozszerzonych możliwości
  • Budować, testować i wdrażać funkcje z pomocą AI
  • Efektywnie współpracować używając integracji Git w Claude
  1. Zainstaluj Claude Code globalnie

    Zalecana metoda instalacji używa npm:

    Okno terminala
    npm install -g @anthropic-ai/claude-code

    Użytkownicy macOS i Linux powinni unikać używania sudo, ponieważ może to prowadzić do problemów z uprawnieniami. Jeśli napotkasz błędy, zobacz sekcję rozwiązywania problemów.

  2. Zweryfikuj instalację

    Przejdź do katalogu projektu i uruchom Claude Code:

    Okno terminala
    cd twoj-projekt
    claude

    Powinieneś zobaczyć wiadomość powitalną Claude Code i interaktywny prompt.

  3. Wybierz metodę uwierzytelniania

    Claude Code oferuje trzy opcje uwierzytelniania:

    Do użycia API i rozliczeń

    • Połącz się przez konsolę Anthropic
    • Ukończ proces OAuth
    • Wymaga aktywnego rozliczania w console.anthropic.com

    To rozwiązanie idealne dla programistów, którzy chcą bezpośredni dostęp do API i rozliczenia oparte na użytkowaniu.

  4. Przetestuj konfigurację

    Uruchom prostą komendę, aby zweryfikować, że wszystko działa:

    Okno terminala
    > utwórz plik hello.js który wypisuje "Hello from Claude Code!"

    Claude powinien utworzyć plik i pokazać ci zmiany.

Teraz skonfigurujmy Claude Code dla optymalnej produktywności.

System uprawnień Claude Code równoważy bezpieczeństwo z efektywnością. Wybierz preferowany tryb:

Claude pyta o pozwolenie na każdą modyfikację pliku i komendę. To najbezpieczniejsza opcja dla początkujących.

Okno terminala
# Nie jest potrzebna specjalna konfiguracja
claude

Claude Code używa inteligentnego wyboru modelu domyślnie:

  • Claude Opus 4: Do złożonego myślenia i architektury (do 50% użycia)
  • Claude Sonnet 4: Do implementacji i prostszych zadań (efektywny kosztowo)

Możesz przesłonić domyślne ustawienie:

Okno terminala
# Wymuś konkretny model
claude --model opus
claude --model sonnet
# Lub skonfiguruj w ustawieniach
/config
  1. Zainstaluj rozszerzenie Claude Code

    Rozszerzenie instaluje się automatycznie, gdy uruchomisz claude z zintegrowanego terminala.

    Funkcje:

    • Szybkie uruchamianie Cmd+Esc (Mac) lub Ctrl+Esc (Windows/Linux)
    • Przeglądanie różnic w IDE
    • Skróty do odnośników plików
    • Udostępnianie diagnostyk
  2. Skonfiguruj terminal dla optymalnego doświadczenia

    Uruchom tę komendę, aby skonfigurować odpowiednie przypisania klawiszy:

    Okno terminala
    > /terminal-setup

    To włącza:

    • Shift+Enter dla wprowadzania wieloliniowego
    • Właściwe sekwencje escape
    • Lepszą obsługę schowka

Claude Code używa plików CLAUDE.md do utrzymania kontekstu projektu między sesjami. To kluczowe dla spójnej, wysokiej jakości pomocy.

  1. Wygeneruj początkowy CLAUDE.md

    Okno terminala
    > /init

    Claude analizuje twój projekt i tworzy dostosowany plik CLAUDE.md zawierający:

    • Przegląd struktury projektu
    • Wspólne komendy
    • Wykryte frameworki i narzędzia
    • Standardy kodowania
  2. Dostosuj do swoich potrzeb

    Edytuj wygenerowany CLAUDE.md, aby zawierał:

    # Przegląd projektu
    To jest aplikacja e-commerce Next.js używająca TypeScript i Tailwind CSS.
    # Kluczowe komendy
    - `npm run dev` - Uruchom serwer deweloperski
    - `npm run build` - Zbuduj dla produkcji
    - `npm test` - Uruchom pakiet testów
    - `npm run lint` - Sprawdź jakość kodu
    # Standardy kodowania
    - Używaj komponentów funkcyjnych z hooks
    - Implementuj właściwe typy TypeScript (bez `any`)
    - Podążaj za zasadami Airbnb ESLint
    - Pisz testy dla wszystkich nowych funkcji
    # Notatki architektoniczne
    - Trasy API w /app/api
    - Komponenty w /components z rozszerzeniem .tsx
    - Używaj komponentów serwera domyślnie
    - Komponenty klienta tylko gdy potrzebne
  3. Użyj skrótu # do szybkich aktualizacji

    Podczas pracy szybko dodawaj wspomnienia:

    Okno terminala
    > # Zawsze używaj Prisma do zapytań bazy danych, nigdy surowego SQL

    Claude poprosi cię o wybór pliku pamięci do aktualizacji.

Podstawowy przepływ pracy: PRD → Plan → Todo (45 minut)

Dział zatytułowany „Podstawowy przepływ pracy: PRD → Plan → Todo (45 minut)”

To jest serce efektywnego używania Claude Code - systematyczne podejście do budowania funkcji.

Dlaczego zaczynać od PRD? Jasne wymagania prowadzą do lepszych implementacji. Claude doskonale radzi sobie, gdy otrzymuje konkretny kontekst i cele.

  1. Utwórz PRD funkcji

    Okno terminala
    > Utwórz PRD dla systemu uwierzytelniania użytkowników z logowaniem
    > email/hasło, rejestracją, resetem hasła i zarządzaniem sesjami

    Claude generuje kompleksowy PRD zawierający:

    • Historie użytkowników
    • Wymagania techniczne
    • Endpointy API
    • Schemat bazy danych
    • Rozważania bezpieczeństwa
  2. Dopracuj wymagania

    Przejrzyj i dostosuj PRD:

    Okno terminala
    > Dodaj obsługę OAuth dla Google i GitHub do PRD uwierzytelniania
    > Uwzględnij wymagania ograniczania szybkości dla bezpieczeństwa
  3. Przechowaj w pamięci projektu

    Okno terminala
    > Zapisz ten PRD do docs/features/authentication.md
    > # Ten projekt używa tokenów JWT z 24-godzinnym wygaśnięciem

Tryby myślenia Claude odblokują potężne planowanie architektoniczne:

Do typowych funkcji:

Okno terminala
> Utwórz szczegółowy plan implementacji dla systemu uwierzytelniania

Przykład sesji planowania:

Okno terminala
> Na podstawie naszego PRD uwierzytelniania, pomyśl głęboko nad
> podejściem do implementacji. Rozważ:
> - Najlepsze praktyki bezpieczeństwa
> - Projekt bazy danych
> - Strukturę API
> - Strategię testowania
> - Potencjalne przypadki brzegowe

Claude będzie:

  1. Analizować wymagania
  2. Rozważać wiele podejść
  3. Oceniać kompromisy
  4. Rekomendować konkretny plan implementacji
  5. Identyfikować potencjalne wyzwania

Przekształć plany w wykonalne zadania:

  1. Wygeneruj strukturalne todos

    Okno terminala
    > Przekształć plan uwierzytelniania w szczegółową listę todo
    > z podzadaniami i zależnościami

    Claude tworzy:

    ## Zadania implementacji uwierzytelniania
    ### 1. Konfiguracja bazy danych
    - [ ] Utwórz tabelę users z email, password_hash, created_at
    - [ ] Dodaj indeksy dla email (unique) i created_at
    - [ ] Utwórz tabelę sessions z user_id, token, expires_at
    - [ ] Napisz skrypty migracji
    ### 2. Endpointy API
    - [ ] POST /api/auth/register
    - [ ] Walidacja wejścia
    - [ ] Hashowanie hasła z bcrypt
    - [ ] Sprawdzenie unikalności email
    - [ ] Utwórz rekord użytkownika
    - [ ] POST /api/auth/login
    - [ ] Waliduj poświadczenia
    - [ ] Wygeneruj token JWT
    - [ ] Ustaw bezpieczne ciasteczko HTTP-only
    ...
  2. Wykonuj zadania systematycznie

    Okno terminala
    > Zacznijmy od zadania 1 - utwórz schemat bazy danych

    Claude:

    • Tworzy pliki schematu
    • Pisze migracje
    • Pokazuje ci zmiany
    • Czeka na zatwierdzenie
  3. Śledź postęp

    Okno terminala
    > Oznacz konfigurację bazy danych jako ukończoną i przejdź do endpointów API

    Kontynuuj przez listę todo, z Claude utrzymującym kontekst i zaznaczającym ukończone elementy.

Serwery MCP (Model Context Protocol) rozszerzają możliwości Claude o zewnętrzne narzędzia.

Rozszerzone operacje na plikach

{
"mcpServers": {
"filesystem": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-filesystem", "."]
}
}
}

Włącza zaawansowane wyszukiwanie plików i operacje masowe.

  1. Utwórz konfigurację MCP

    Dodaj do .claude/mcp.json w twoim projekcie:

    {
    "mcpServers": {
    "filesystem": {
    "command": "npx",
    "args": ["-y", "@modelcontextprotocol/server-filesystem", "."]
    },
    "github": {
    "command": "npx",
    "args": ["-y", "@modelcontextprotocol/server-github"],
    "env": {
    "GITHUB_TOKEN": "${GITHUB_TOKEN}"
    }
    }
    }
    }
  2. Zweryfikuj połączenia MCP

    Okno terminala
    > /mcp

    To pokazuje:

    • Połączone serwery
    • Dostępne narzędzia
    • Status uwierzytelniania
  3. Uwierzytelnij jeśli potrzebne

    Niektóre serwery wymagają OAuth:

    Okno terminala
    > /mcp
    # Wybierz "Authenticate" dla serwerów tego wymagających

Zbudujmy prawdziwą funkcję używając Claude Code:

  1. Zacznij od wymagań

    Okno terminala
    > Potrzebujemy strony profilu użytkownika, która pokazuje:
    > - Informacje użytkownika (imię, email, awatar)
    > - Ustawienia konta
    > - Ostatnią aktywność
    > Zaplanuj implementację, ale nie pisz jeszcze kodu
  2. Utwórz branch funkcji

    Okno terminala
    > Utwórz nowy branch git o nazwie feature/user-profile
  3. Implementuj UI

    Okno terminala
    > Utwórz komponent UserProfile używając naszego systemu projektowego
    > Podążaj za makietą w designs/user-profile.png

    Claude:

    • Analizuje projekt
    • Tworzy strukturę komponentu
    • Implementuje z twoim frameworkiem
    • Używa odpowiedniego stylowania
  4. Dodaj pobieranie danych

    Okno terminala
    > Implementuj trasę API do pobierania danych profilu użytkownika
    > Uwzględnij właściwą obsługę błędów i stany ładowania
  5. Napisz testy

    Okno terminala
    > Napisz kompleksowe testy dla komponentu UserProfile
    > Uwzględnij testy jednostkowe i integracyjne
  6. Napraw wszelkie problemy

    Okno terminala
    > Uruchom testy i napraw wszelkie niepowodzenia

    Claude iteruje, aż wszystkie testy przejdą.

  7. Commit i push

    Okno terminala
    > Commit wszystkich zmian z opisową wiadomością i push

Claude doskonale radzi sobie z debugowaniem:

Okno terminala
> TypeError: Cannot read property 'name' of undefined at UserProfile.tsx:34
> Napraw ten błąd

Claude będzie:

  1. Analizować kontekst błędu
  2. Identyfikować pierwotną przyczynę
  3. Implementować poprawkę
  4. Dodawać kod defensywny, aby zapobiec powtórzeniu
  5. Aktualizować testy jeśli potrzebne

Claude Code zapewnia wyrafinowaną integrację Git:

Okno terminala
> Jakie pliki zmieniłem?
# Claude uruchamia git status i podsumowuje
> Commit tych zmian z opisową wiadomością
# Claude analizuje zmiany i pisze wiadomość commita
> Zmiany auth powinny być osobnym commitem
# Claude tworzy wiele logicznych commitów

Jeśli masz zainstalowane gh CLI:

Okno terminala
> Jakie są otwarte issues oznaczone 'bug'?
> Implementuj poprawkę dla issue #234
> Utwórz PR, który naprawia #234

Utwórz wielokrotnego użytku komendy w .claude/commands/:

Przykład: .claude/commands/test-component.md

Proszę utwórz kompleksowe testy dla: $ARGUMENTS
Wymagania:
- Użyj React Testing Library
- Testuj wszystkie warianty props
- Uwzględnij testy dostępności
- Mockuj zewnętrzne zależności
- Osiągnij >90% pokrycia

Użycie:

Okno terminala
> /test-component UserProfile

Skonfiguruj w .claude/settings.json:

{
"hooks": [
{
"matcher": "Edit",
"hooks": [
{
"type": "command",
"command": "prettier --write \"$CLAUDE_FILE_PATHS\""
}
]
}
]
}

To automatycznie formatuje pliki po edycji przez Claude.

Pracuj nad wieloma funkcjami jednocześnie:

Okno terminala
# Terminal 1
git worktree add ../feature-auth auth-feature
cd ../feature-auth
claude
# Terminal 2
git worktree add ../feature-profile profile-feature
cd ../feature-profile
claude

Każda instancja Claude pracuje niezależnie bez konfliktów.

Okno terminala
> Napraw błąd
> Zrób to lepiej
> Dodaj trochę testów
  1. Wyczyść między niepowiązanymi zadaniami

    Okno terminala
    > /clear
  2. Używaj skoncentrowanych zapytań

    Okno terminala
    # Zamiast: "przeanalizuj całą bazę kodu"
    > Przeanalizuj moduł uwierzytelniania w src/auth/
  3. Odwołuj się do konkretnych plików

    Okno terminala
    > Wyjaśnij jak działa @src/utils/validation.ts
  • Nigdy nie dodawaj sekretów do CLAUDE.md lub promptów
  • Używaj zmiennych środowiskowych dla wrażliwych danych
  • Przeglądaj commity przed pushowaniem
  • Bądź ostrożny z operacjami bazy danych
  • Waliduj kod bezpieczeństwa generowany przez AI
ZadanieKomenda
Rozpocznij nową funkcję> Utwórz plan dla [opis funkcji]
Napraw błąd> [wklej błąd] Napraw ten błąd
Napisz testy> Napisz testy dla @src/components/Button.tsx
Refaktoryzuj kod> Refaktoryzuj moduł auth, aby używał hooks
Aktualizuj dokumentację> Aktualizuj README o nowe zmiany API
Przegląd kodu> Przejrzyj moje zmiany i zasugeruj ulepszenia
Operacje Git> Utwórz PR dla tej funkcji

Jeśli widzisz błędy uprawnień npm:

Okno terminala
claude migrate-installer

To przenosi Claude Code do ~/.claude/local/

Teraz, gdy opanowałeś podstawy:

  1. Eksploruj zaawansowane techniki w sekcji porady i sztuczki
  2. Ustaw przepływy pracy zespołu ze współdzielonymi CLAUDE.md i komendami
  3. Buduj niestandardowe serwery MCP dla swoich konkretnych narzędzi
  4. Dołącz do społeczności, aby dzielić się doświadczeniami i uczyć się od innych

Pamiętaj: Claude Code to twój programista AI w parze. Im więcej kontekstu i jasności zapewnisz, tym lepiej może ci asystować. Zacznij od prostych zadań i stopniowo podejmuj bardziej złożone wyzwania, budując pewność siebie.

Wskazówka pro: Kontynuuj iterację nad swoim plikiem CLAUDE.md. Im lepiej udokumentujesz wzorce i preferencje swojego projektu, tym bardziej spójny i pomocny staje się Claude.