Używamy cookies, żeby zwiększyć Twoje doświadczenia na stronie
Polityka Prywatności
OK
CodeWorlds

Ahoj! Witaj na pokładzie! ⚓

Witaj @name! Jestem Kapitan Redbeard i będę Twoim przewodnikiem w nauce programowania. Dzisiaj pokażę Ci Cursor - nowoczesny edytor kodu z wbudowaną sztuczną inteligencją.

Co to jest Cursor? 🧭

Cursor to edytor kodu z wbudowanym AI, który pomaga pisać kod szybciej i efektywniej. W przeciwieństwie do tradycyjnych edytorów, Cursor ma wbudowaną sztuczną inteligencję (Claude Sonnet 4.6, GPT-5), która:

✅ Pisze kod - opisujesz co chcesz, AI generuje kod ✅ Wyjaśnia - nie rozumiesz? Zapytaj AI ✅ Debuguje - masz error? AI pomoże go naprawić ✅ Podpowiada - AI sugeruje co dalej pisać

Dzięki temu uczysz się szybciej i tworzysz efektywniej.

Cursor vs VS Code 🆚

VS Code (Visual Studio Code) to najpopularniejszy edytor kodu na świecie - darmowy, open-source, używany przez miliony programistów.

Cursor jest zbudowany NA BAZIE VS Code, więc:

  • ✅ Wygląda prawie identycznie
  • ✅ Ma te same skróty klawiszowe
  • ✅ Wspiera te same rozszerzenia
  • ✅ PLUS: wbudowane AI (Claude Sonnet 4.6, GPT-5)

Jeśli znasz VS Code - będziesz czuł się jak w domu. Jeśli nie znasz - nie martw się, pokażę Ci wszystko od podstaw.

Instalacja Cursora - Krok po kroku 🔧

Teraz zainstalujemy Cursora. To zajmie ~5 minut.

Krok 1: Pobierz Cursora

  1. Idź na: https://cursor.sh
  2. Kliknij wielki przycisk "Download"
  3. Wybierz swoją platformę:
    • 🪟 Windows - pobierze się 
      .exe
      installer
    • 🍎 Mac - pobierze się 
      .dmg
      installer
    • 🐧 Linux - pobierze się 
      .AppImage
      lub 
      .deb

Krok 2: Zainstaluj

Windows:

  1. Kliknij dwukrotnie na pobrany plik 
    CursorSetup.exe
  2. Kliknij "Tak" jeśli Windows zapyta o uprawnienia
  3. Poczekaj ~30 sekund aż się zainstaluje
  4. Cursor otworzy się automatycznie

Mac:

  1. Kliknij dwukrotnie na 
    Cursor.dmg
  2. Przeciągnij ikonę Cursora do folderu Applications
  3. Otwórz Cursor z Launchpad lub Applications
  4. Kliknij "Open" jeśli Mac zapyta o security

Linux:

1# Dla .AppImage
2chmod +x Cursor.AppImage
3./Cursor.AppImage
4
5# Dla .deb (Ubuntu/Debian)
6sudo dpkg -i cursor_*.deb

Krok 3: Pierwsze uruchomienie 🎉

Gdy Cursor się otworzy po raz pierwszy, zobaczysz:

  1. Welcome screen - ekran powitalny
  2. "Sign In" - zaloguj się (przez GitHub lub email)
  3. Choose your plan:
    • 🆓 Free - 2000 AI completions/miesiąc (wystarczy na naukę!)
    • 💎 Pro ($20/mies) - unlimited AI (dla profesjonalistów)

Wybierz Free - na początek w zupełności wystarczy!

Krok 4: Import ustawień (opcjonalne)

Jeśli wcześniej używałeś VS Code, Cursor zapyta:

  • "Import settings from VS Code?"
  • Kliknij "Yes" - przeniesie Twoje ustawienia, skróty, rozszerzenia

Jeśli to Twój pierwszy edytor - kliknij "Skip".

Interface Cursora - Co gdzie jest? 🗺️

Otwórz Cursora i zobacz:

1┌─────────────────────────────────────────────────────────┐
2│  File  Edit  View  ...                    [Cursor logo] │ <- Menu Bar
3├───────┬─────────────────────────────────┬───────────────┤
4│       │                                 │               │
5│       │                                 │   AI CHAT     │
6│ FILES │        EDYTOR                   │               │
7│       │      (tu piszesz kod)           │   (Cmd+L)     │
8│       │                                 │               │
9│       │                                 │               │
10├───────┴─────────────────────────────────┴───────────────┤
11│               TERMINAL (tu wpisujesz komendy)           │
12└─────────────────────────────────────────────────────────┘

Lewy panel - FILES (Explorer) 📁

  • Lista wszystkich plików w projekcie
  • Tworzenie nowych plików/folderów
  • Nawigacja po projekcie

Środek - EDYTOR ✍️

  • Tu piszesz kod
  • Możesz mieć wiele zakładek otwartych
  • Syntax highlighting (kolorowanie kodu)

Prawy panel - AI CHAT 💬

  • Rozmowa z AI
  • Zadawanie pytań
  • Generowanie kodu
  • Otwierasz przez: Cmd+L (Mac) / Ctrl+L (Windows/Linux)

Dolny panel - TERMINAL 💻

  • Tu wpisujesz komendy (npm, git, etc.)
  • Otwierasz przez: Cmd+
    ** lub **Ctrl+

Twoja pierwsza rozmowa z AI 🗣️

Czas przetestować magię Cursora!

  1. Otwórz AI Chat: Cmd/Ctrl + L
  2. Wpisz:
1Wyjaśnij mi w prostych słowach: co to jest HTML?
  1. Naciśnij Enter
  2. Obserwuj jak AI odpowiada!

AI powinno dać Ci prostą odpowiedź. Możesz zadawać follow-up pytania:

1A co to jest CSS?
1Jaka jest różnica między HTML a JavaScript?

Gratulacje! 🎉 Właśnie miałeś swoją pierwszą rozmowę z AI w Cursorze!

Jak dobrze rozmawiać z AI? 💡

AI jest inteligentne, ale nie czyta w myślach. Musisz jasno komunikować co chcesz.

❌ ŹLE (zbyt ogólne):

1zrób mi stronę

AI nie wie:

  • Jaką stronę?
  • O czym?
  • Jakie kolory?
  • Jakie sekcje?

✅ DOBRZE (konkretne):

1Stwórz prostą stronę HTML z:
2- Nagłówkiem "Ahoj Piraci!"
3- Czarnym tłem
4- Czerwonym tekstem
5- Obrazkiem pirata
6- Przyciskiem "Dołącz do załogi"

AI dokładnie wie co zrobić!

🎯 Zasady dobrego promptu:

  1. Bądź konkretny - im więcej szczegółów, tym lepiej
  2. Opisz cel - po co to robisz?
  3. Podaj przykład - "jak na stronie X"
  4. Iteruj - pierwsze AI response to nie koniec, dopracowuj!

Skróty klawiszowe - Cheat Sheet ⌨️

Zapamiętaj te 5 najważniejszych:

| Skrót | Co robi | |-------|---------| | Cmd/Ctrl + L | Otwórz AI Chat | | Cmd/Ctrl + K | Inline AI edit | | Cmd/Ctrl + I | Composer (multi-file) | | Cmd/Ctrl + ` | Terminal | | Cmd/Ctrl + P | Szybkie otwieranie plików |

Wydrukuj to i przyklej obok monitora! 📌

Podsumowanie - Co nauczyłeś się dzisiaj? 🎓

✅ Co to jest Cursor i dlaczego go używamy ✅ Jak zainstalować Cursora ✅ Jak wygląda interface Cursora ✅ Jak rozmawiać z AI (Cmd+L) ✅ Jak używać dobrych promptów ✅ Najważniejsze skróty klawiszowe

Gratulacje, młody piratu! 🏴‍☠️ Weszliśmy na pokład i poznaliśmy naszą tajną broń - Cursora!

W następnym zadaniu nauczysz się używać Ctrl+K - magicznej różdżki do edycji kodu!

Przygotuj się, bo czeka nas szalona podróż! ⚓🦜

Kapitan Redbeard out. 🏴‍☠️

Przejdź do CodeWorlds→