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

Terminal w Cursorze 💻

Witaj z powrotem, @name! Dzisiaj nauczysz się obsługi terminala - tekstowej konsoli do komunikacji z komputerem.

Co to jest Terminal? 🖥️

Terminal (command line, konsola) to tekstowy interfejs do komunikacji z komputerem. Zamiast klikać w ikony, wpisujesz komendy.

Dlaczego terminal jest ważny?

  • Szybszy niż GUI (graficzny interfejs)
  • 💪 Potężniejszy - więcej możliwości
  • 🤖 Automatyzacja - skrypty i narzędzia
  • 🚀 Niezbędny do pracy z Next.js, npm, git

Otwieranie Terminala w Cursorze 📂

Metoda 1: Skrót klawiszowy

  • Naciśnij Cmd+
    ** (Mac) lub **Ctrl+
    (Windows/Linux)
  • Znak ` to backtick, znajduje się pod klawiszem ESC

Metoda 2: Menu

  • Kliknij TerminalNew Terminal w górnym menu

Terminal otworzy się na dole ekranu Cursora!

Podstawowe komendy - Must Know 🎯

1. pwd - Pokaż gdzie jesteś

1pwd

Output:

/Users/user/projekty

To pokazuje: "Jesteś w folderze projekty"

2. ls - Lista plików

Mac/Linux:

1ls

Windows (Git Bash):

1ls

Windows (PowerShell):

1dir

Output:

1pirate.html
2ship.js
3treasure.css

3. cd - Zmień folder

1cd nazwa_folderu

Przykład:

1cd projekty

Wracanie folder wyżej:

1cd ..

4. mkdir - Stwórz folder

1mkdir nowy_folder

Przykład:

1mkdir moj_statek

5. touch - Stwórz plik

Mac/Linux:

1touch plik.html

Windows (PowerShell):

1New-Item plik.html

Przykład:

1touch index.html

6. clear - Wyczyść terminal

1clear

Lub skrót: Ctrl+L

Praktyczny przykład - Tworzenie projektu 🏗️

Stwórzmy projekt "Piracki Statek" używając tylko terminala:

1# 1. Sprawdź gdzie jesteś
2pwd
3
4# 2. Stwórz folder projektu
5mkdir piracki_statek
6
7# 3. Wejdź do folderu
8cd piracki_statek
9
10# 4. Stwórz plik HTML
11touch index.html
12
13# 5. Stwórz plik CSS
14touch style.css
15
16# 6. Sprawdź co stworzyłeś
17ls

Output:

1index.html
2style.css

Gratulacje! Właśnie stworzyłeś projekt używając terminala! 🎉

Node.js i npm - Musisz to wiedzieć 📦

Gdy będziemy budować aplikacje Next.js, będziesz używał tych komend:

node - Uruchamianie JavaScript

1node --version

Output:

v20.10.0
(lub inna wersja)

Sprawdza czy masz zainstalowanego Node.js

npm - Node Package Manager

1npm --version

Output:

10.2.3
(lub inna wersja)

npm to menedżer pakietów - pozwala instalować biblioteki i narzędzia

Najważniejsze komendy npm:

  1. Instalacja pakietów:
1npm install
  1. Uruchomienie projektu:
1npm run dev
  1. Budowanie projektu:
1npm run build

Poznasz to dokładniej w następnym module!

Git - podstawy 🌳

Git to system kontroli wersji - jak pamiętnik zmian w kodzie.

Sprawdzenie statusu:

1git status

Dodanie plików:

1git add .

Commit (zapisanie zmian):

1git commit -m "Dodałem piracką stronę"

Push (wysłanie na serwer):

1git push

Poznasz Git dokładniej później. Na razie wystarczy wiedzieć, że to narzędzie do zapisywania historii zmian.

Skróty klawiszowe w terminalu ⌨️

| Skrót | Co robi | |-------|---------| | (strzałka w górę) | Poprzednia komenda | | (strzałka w dół) | Następna komenda | | Tab | Autouzupełnianie nazw plików/folderów | | Ctrl+C | Zatrzymaj działającą komendę | | Ctrl+L | Wyczyść terminal (jak

clear
) | | Ctrl+A | Skok na początek linii | | Ctrl+E | Skok na koniec linii |

Wskazówki Pro ⚔️

1. Autouzupełnianie (Tab)

Zamiast pisać:

1cd piracki_statek_z_czerwona_flaga

Napisz:

1cd pir[Tab]

Terminal uzupełni automatycznie!

2. Historia komend (↑)

Zamiast pisać tę samą komendę ponownie, naciśnij kilka razy, aby znaleźć poprzednią komendę.

3. Kopiuj-Wklej

  • Mac: Cmd+C (kopiuj), Cmd+V (wklej)
  • Windows: Ctrl+Shift+C (kopiuj), Ctrl+Shift+V (wklej) w terminalu

4. Multiple terminale

Możesz mieć wiele terminali otwartych jednocześnie:

  • Kliknij "+" w prawym górnym rogu panelu terminala
  • Lub użyj Cmd/Ctrl + Shift + `

Częste błędy i rozwiązania 🔧

Błąd: "command not found"

Problem: Komenda nie istnieje lub nie jest zainstalowana

Rozwiązanie:

  • Sprawdź pisownię
  • Zainstaluj narzędzie (np. Node.js dla
    node
    )

Błąd: "permission denied"

Problem: Brak uprawnień

Rozwiązanie:

  • Mac/Linux: Dodaj
    sudo
    przed komendą (ale ostrożnie!)
  • Windows: Uruchom terminal jako administrator

Terminal "zamarł"

Problem: Komenda działa i nie możesz wpisać nic nowego

Rozwiązanie:

  • Naciśnij Ctrl+C żeby przerwać
  • Lub zamknij terminal i otwórz nowy

Ćwiczenie praktyczne 🎯

Wykonaj te komendy w terminalu Cursora:

1# 1. Sprawdź wersję Node.js
2node --version
3
4# 2. Sprawdź wersję npm
5npm --version
6
7# 3. Sprawdź gdzie jesteś
8pwd
9
10# 4. Stwórz folder "moje_przygody"
11mkdir moje_przygody
12
13# 5. Wejdź do folderu
14cd moje_przygody
15
16# 6. Stwórz plik "dziennik.html"
17touch dziennik.html
18
19# 7. Zobacz co stworzyłeś
20ls
21
22# 8. Wróć folder wyżej
23cd ..
24
25# 9. Wyczyść terminal
26clear

Jeśli wszystko zadziałało - jesteś gotowy! 🎉

Podsumowanie 🎓

✅ Terminal to tekstowy interfejs do komputera ✅ pwd - gdzie jesteś ✅ ls/dir - co jest w folderze ✅ cd - zmiana folderu ✅ mkdir - nowy folder ✅ touch - nowy plik ✅ clear - czyszczenie ✅ - poprzednia komenda ✅ Tab - autouzupełnianie

Terminal wygląda nieprzystępnie, ale jest niezwykle potężny. Z czasem stanie się Twoim najlepszym narzędziem!

W następnych modułach będziesz używał terminala do:

  • Tworzenia projektów Next.js
  • Instalowania bibliotek
  • Uruchamiania aplikacji
  • Deployowania na Vercel

Jesteś coraz bliżej zostania prawdziwym piratem-programistą! 🏴‍☠️

Kapitan Redbeard out.

Przejdź do CodeWorlds