Eksplorator plików

Eksplorator plikow

Eksplorator plikow w edytorze kodu Promake pozwala nawigowac po wszystkich plikach, z ktorych sklada sie Twoja strona. Zrozumienie tej struktury pomaga znalezc i edytowac odpowiednie pliki.

Dostep do eksploratora plikow

1. Otworz widok Edytora kodu
2. Eksplorator plikow znajduje sie po lewej stronie
3. Pokazuje strukture folderow projektu

Zrozumienie struktury plikow

Typowy projekt Promake obejmuje:

project/
├── src/
│   ├── components/    # Komponenty wielokrotnego uzytku
│   ├── pages/         # Strony witryny
│   ├── styles/        # CSS i stylowanie
│   └── assets/        # Obrazy, czcionki
├── public/            # Pliki statyczne
├── package.json       # Zaleznosci projektu
└── index.html         # Punkt wejscia

Typy folderow

src/ (Source – kod zrodlowy)

Glowny folder zawierajacy kod strony:

components/

Elementy wielokrotnego uzytku na stronie:

• Naglowek
• Stopka
• Przyciski
• Karty
• Nawigacja

pages/

Poszczegolne strony witryny:

• Strona glowna
• Strona o nas
• Strona kontaktowa

styles/

Pliki CSS i stylowania:

• Style globalne
• Style komponentow
• Kolory motywu

assets/

Pliki multimedialne:

• Obrazy
• Ikony
• Czcionki

public/

Pliki statyczne niewymagajace przetwarzania:

• favicon.ico
• robots.txt
• Obrazy statyczne

Nawigacja po plikach

Rozwijanie folderow

Kliknij strzalke lub ikone folderu, aby rozwinac/zwingc foldery.

Otwieranie plikow

Kliknij nazwe dowolnego pliku, aby otworzyc go w edytorze.

Ikony plikow

Rozne typy plikow maja rozne ikony:

| Ikona | Typ pliku | | ----- | ------------------ | | 📄 | JavaScript/JSX | | 🎨 | CSS/pliki stylow | | 📋 | Pliki JSON | | 🖼️ | Pliki graficzne | | 📝 | Pliki Markdown |

Znajdowanie plikow

Przez nawigacje

1. Zacznij od katalogu glownego
2. Rozwin odpowiednie foldery
3. Kliknij plik

Przez wyszukiwanie

1. Nacisnij Ctrl/Cmd + P (jesli dostepne)
2. Wpisz nazwe pliku
3. Wybierz z wynikow

Przez zawartosc

1. Uzyj Ctrl/Cmd + Shift + F do wyszukiwania globalnego
2. Wyszukaj zawartosc tekstowa
3. Kliknij wyniki, aby otworzyc pliki

Czesto edytowane pliki

Zmiana tresci

| Co zmieniac | Gdzie szukac | | -------------------- | -------------------------- | | Tekst strony | src/pages/ | | Tekst komponentow | src/components/ | | Metadane | index.html lub pliki stron|

Zmiana stylow

| Co zmieniac | Gdzie szukac | | -------------------- | -------------------------- | | Kolory | src/styles/ lub pliki CSS| | Czcionki | Globalne pliki CSS | | Odstepy | Style komponentow |

Zmiana struktury

| Co zmieniac | Gdzie szukac | | -------------------- | ---------------------- | | Uklad | Pliki komponentow | | Nawigacja | Komponent Header/Nav | | Stopka | Komponent Footer |

Operacje na plikach

Przegladanie plikow

Kliknij dowolny plik, aby wyswietlic jego zawartosc w edytorze.

Edycja plikow

1. Otworz plik
2. Wprowadz zmiany w edytorze
3. Zapisz za pomoca Ctrl/Cmd + S

Pobieranie plikow

• Pojedynczy plik: Kliknij prawym przyciskiem → Pobierz (lub uzyj przycisku pobierania)
• Wszystkie pliki: Uzyj opcji pobierania ZIP

Wskazowki

Zacznij od src/

Wiekszosc tego, co chcesz edytowac, znajduje sie w folderze src/.

Nazwy plikow jako wskazowki

Nazwy plikow zwykle opisuja ich przeznaczenie:

• Header.jsx – Komponent naglowka
• HomePage.jsx – Strona glowna
• styles.css – Stylowanie

Sprawdz nazwy komponentow

Jesli wiesz, ktorego komponentu szukasz (z Narzedzia Edycji), wyszukaj te nazwe.

Nie edytuj nodemodules

Folder nodemodules/ zawiera zaleznosci. Nigdy nie edytuj plikow w tym folderze.

Pliki konfiguracyjne projektu

package.json

Lista zaleznosci i skryptow projektu. Zasadniczo nie edytuj, chyba ze wiesz, co robisz.

Pliki konfiguracyjne

Rozne pliki konfiguracyjne kontroluja ustawienia budowania. Edytuj tylko w razie potrzeby.