Visual Studio Code Cheatsheet 🚀

Zestawienie kluczowych skrótów klawiaturowych, efektywnych sztuczek i rekomendowanych rozszerzeń, aby zmaksymalizować wydajność pracy w edytorze VS Code.

1. Nawigacja i Okna (Must-Know)

Główne skróty dostępu (Windows/Linux | macOS)

Akcja Skrót (Win/Lin) Skrót (macOS)
Paleta Poleceń (Cmd Palette) Ctrl + Shift + P Cmd + Shift + P
Szybkie Otwieranie Pliku (Go to File) Ctrl + P Cmd + P
Przełączanie Pomiędzy Oknami Edytora (Split View) Ctrl + 1 / 2 / 3 Cmd + 1 / 2 / 3
Zamknij Aktywny Panel Ctrl + W Cmd + W
Ukryj/Pokaż Panel Boczny (Explorer) Ctrl + B Cmd + B
Ukryj/Pokaż Panel Dolny (Terminal, Output) Ctrl + J Cmd + J

Zaawansowana Nawigacja w Kodzie

Akcja Skrót (Win/Lin) Skrót (macOS)
Przejdź do Błędu/Ostrzeżenia (następny) F8 F8
Przejdź do Poprzedniej/Następnej Pozycji Kursora Alt + ← / → Ctrl + - / Shift + -
Przejdź do Definicji F12 / Ctrl + Klik F12 / Cmd + Klik
Przejdź do Symbolu (w przestrzeni roboczej) Ctrl + T Cmd + T

2. Edycja i Refaktoryzacja (Produktywność)

Manipulacja Tekstem i Kursory

Akcja Skrót (Win/Lin) Skrót (macOS)
Wielokrotny Kursor (Dodaj kolejny kursor) Alt + Klik Opt + Klik
Wybierz wszystkie wystąpienia słowa Ctrl + Shift + L Cmd + Shift + L
Dodaj kursor do następnego wystąpienia Ctrl + D Cmd + D
Przenieś linię w górę/dół Alt + ↑ / ↓ Opt + ↑ / ↓
Usuń linię Ctrl + Shift + K Cmd + Shift + K
Formatuj dokument Shift + Alt + F Shift + Opt + F

Komentowanie i Zwijanie/Rozwijanie

Akcja Skrót (Win/Lin) Skrót (macOS)
Komentarz blokowy (Toggle Block Comment) Shift + Alt + A Shift + Opt + A
Komentarz liniowy (Toggle Line Comment) Ctrl + / Cmd + /
Zwiń region (Fold) Ctrl + Shift + [ Cmd + Opt + [
Rozwiń region (Unfold) Ctrl + Shift + ] Cmd + Opt + ]
Zwiń wszystkie regiony Ctrl + K, Ctrl + 0 Cmd + K, Cmd + 0

3. Zaawansowane Sztuczki i Ciekawostki

Więcej sprytnych technik pracy

  • Zapisz Kursor: Używaj Ctrl + K, Ctrl + Z (Win/Lin) / Cmd + K, Cmd + Z (macOS) aby zapisać aktualne położenie kursora i zaznaczenie. Potem możesz do nich wrócić.
  • Usuń/Przywróć Linię: Po usunięciu linii (np. Ctrl+Shift+K), możesz ją przywrócić za pomocą zwykłego cofania (Ctrl+Z), ale to może być w środku innych zmian. Jeśli potrzebujesz tylko cofnąć pojedynczą operację, użyj Lokalnej Historii (dostępna z rozszerzeniem Local History lub natywnie dla ostatniego pliku).
  • Blokowe Zaznaczanie (Column Selection): Trzymaj klawisz Shift + Alt i przeciągaj myszą, aby zaznaczyć blok pionowy. Idealne do dodawania tego samego prefiksu/sufiksu do wielu linii.
  • Multi-Select z Warunkiem: Użyj Ctrl + F (Znajdź), a następnie Alt + Enter (Win/Lin) / Opt + Enter (macOS) po wpisaniu wzorca, aby stworzyć wielokrotne kursory we wszystkich dopasowanych miejscach.
  • Peek Definition (Podgląd Definicji): Zamiast przechodzić do definicji (F12), użyj Alt + F12 (Win/Lin) / Opt + F12 (macOS). Otwiera to małe okno z definicją bezpośrednio w edytorze.
  • Zmiana Języka: Szybko zmień typ pliku/podświetlanie składni za pomocą Ctrl + K, M. Np. otwórz plik bez rozszerzenia i ustaw go jako `javascript`.

4. Rozszerzenia (Rekomendacje Ogólne)

Narzędzia Zwiększające Efektywność

  • GitLens: Rozbudowane funkcje Git (Blame, Historia Pliku, Porównywanie).
  • Prettier: Formatter kodu (JS, CSS, HTML, JSON, etc.). Zawsze używaj z opcją *Format On Save*.
  • ESLint/PHP Intelephense: Linting i zaawansowane autouzupełnianie dla danego języka.
  • Live Share: Współdzielenie sesji edytora w czasie rzeczywistym z innymi programistami.
  • REST Client: Wysyłanie zapytań HTTP/REST bezpośrednio z plików tekstowych VS Code.
  • DotEnv: Podświetlanie składni dla plików .env.
  • Path IntelliSense: Automatyczne uzupełnianie ścieżek plików w kodzie.
  • Auto Rename Tag: Automatyczna zmiana nazwy zamykającego tagu HTML/XML, gdy zmieniasz otwierający.

SŁOWNICZEK POJĘĆ