01. Użyteczne skróty klawiaturowe w Visual Studio Code
Pogadajmy o skrótach klawiaturowych przyspieszających pracę w edytorze kodu, który gorąco polecam - w Visual Studio Code. Ten edytor jest w dodatku darmowy, open-source’owy i zdecydowanie super gdy już ogarniamy fundamenty kodowania.
Dzięki skrótom klawiaturowym i sztuczkom, które poznamy w filmie i w niniejszym artykule blogowym zdołasz pisać więcej i szybciej - ten zainwestowany tutaj czas pięknie Ci się później zwróci!
Partnerem kanału i odcinka jest justjoin.it - portal z ofertami pracy od najlepszych firm z branży IT. Szukasz ofert pracy np. w Pythonie? Dzięki partnerowi ten długi film oglądamy całkowicie bez reklam!
Znajdź w filmie
Tutoriale posiadają tzw. timestamps (chwile czasowe) - dzięki nim łatwo odnajdziesz interesujące fragmenty wiedzy. Wystarczy kliknąć na podane w nawiasach kwadratowych momenty filmu, by przewinąć tutorial dokładnie do interesującego Cię miejsca w odcinku.
[ 00:00:00 ] Wstęp, agenda wykładu, dla kogo jest ten film?
[ 00:04:57 ] Partner odcinka
[ 00:05:43 ] Przygotowanie plików do testowania skrótów
[ 00:07:45 ] Panel boczny (Ctrl+B)
[ 00:08:36 ] Przełączanie się pomiędzy zakładkami
[ 00:11:24 ] Wiersz (paleta) poleceń (Ctrl+Shift+P)
[ 00:15:51 ] Pełny ekran, tryb zen
[ 00:17:04 ] Akord (Ctrl+K) i kilka przykładów zastosowania
[ 00:19:35 ] Edycja jednoczesna w wielu miejscach w pliku
[ 00:23:42 ] Duplikowanie pojedynczej linii kodu
[ 00:28:17 ] Przesunięcie kodu bez wycinania i wklejania
[ 00:30:26 ] Zarządzanie wcięciami w kodzie
[ 00:31:19 ] Używaj zaznaczeń klawiaturowych
[ 00:32:32 ] Zabiegi edycyjne podczas pisania, bez użycia myszki
[ 00:37:47 ] Włączenie lub wyłączenie zakomentowania kodu
[ 00:41:32 ] Wygodne przeglądanie wystąpień frazy w pliku
[ 00:43:21 ] Podział edytora na wiele grup, nawigacja w grupach
[ 00:44:34 ] Edycja tego samego pliku w dwóch zakładkach
[ 00:46:04 ] Zmiana kolejności zakładek z użyciem klawiatury
[ 00:47:15 ] Skróty uruchamiania i debugowania
[ 00:49:20 ] Rozszerzenie Live Server
[ 00:51:39 ] Włączenie autozapisu wprowadzanych zmian
[ 00:53:15 ] Stosowanie skrótów z rozszerzenia Emmet
[ 00:57:06 ] Część podcastowa na temat edytorów kodu
[ 01:14:12 ] Podsumowanie odcinka
Poniżej, podobnie jak na filmie, zaprezentujemy zawsze najpierw windowsowy skrót klawiszowy, a zaraz potem pojawi się wersja na MacOS (łatwo rozpoznać która jest która, wprost po używanych klawiszach).
Skróty dotyczące interfejsu edytora
Pokaż / ukryj panel boczny
Ctrl
+B
- pierwszy skrót na liście = WindowsCommand
+B
- drugi skrót na liście = MacOS
Przełączanie się pomiędzy otwartymi zakładkami
Takie działanie można zrealizować na co najmniej cztery różne sposoby - poznajmy je teraz wszystkie!
Sposób (#1)
Alt
+1
,2
,3
...Control
+1
,2
,3
...
Sposób (#2)
Ctrl
+PgUp
lubCtrl
+PgDown
Option
+Command
+→
lubOption
+Command
+←
Sposób (#3)
Ctrl
+P
Command
+P
Sposób (#4)
Ctrl
+Tab
Control
+Tab
Wywołanie wiersza (palety) poleceń
Ctrl
+Shift
+P
Command
+Shift
+P
Zawijanie wierszy
Alt
+Z
Option
+Z
Pełna lista skrótów przedstawionych w odcinku już niebawem!
Tryb pełnego ekranu
F11
Command
+Control
+F
Tryb zen
Ctrl
+K
,Z
Command
+K
,Z
Skrót poprzedzający, czyli Ctrl
+ K
to tzw. akord (sprzęgło). Opuszczenie trybu zen następuje dwukrotnym wciśnięciem: Escape
, Escape
.
Pokaż listę wszystkich skrótów klawiaturowych
Ctrl
+K
,Ctrl
+S
Command
+K
,Command
+S
Zwiń wszystkie regiony w kodzie (ciała funkcji, bloki)
Ctrl
+K
,Ctrl
+0
Command
+K
,Command
+0
Rozwiń wszystkie regiony w kodzie (ciała funkcji, bloki)
Ctrl
+K
,Ctrl
+J
Command
+K
,Command
+J
Skopiuj do schowka ścieżkę dyskową do bieżącego pliku
Ctrl
+K
,P
Command
+K
,P
Pokaż ustawienia Visual Studio Code
Ctrl
+,
Command
+,
Skróty edycyjne podczas pisania kodu
Edycja jednoczesna w wielu miejscach w pliku
Naciskamy tę kombinację klawiszy tyle razy, ile planujemy dokonać zmian:
Ctrl
+D
Command
+D
Aby od razu zaznaczyć wszystkie wystąpienia frazy do zastąpienia wystarczy użyć:
Ctrl
+Shift
+L
Command
+Shift
+L
Możliwość pisania w wielu miejscach:
Alt
+ lewy klik myszkąOption
+ lewy klik myszką
Duplikowanie pojedynczej linii kodu
Shift
+Alt
+↑
lubShift
+Alt
+↓
Shift
+Option
+↑
lubShift
+Option
+↓
Przesunięcie zaznaczonego kodu bez potrzeby wycinania i wklejania
Alt
+↑
lubAlt
+↓
Option
+↑
lubOption
+↓
Zarządzanie "wcięciami" w kodzie
- Tab lub
Shift
+Tab
(zarówno Windows jak i MacOS) Ctrl
+[
lubCtrl
+]
Command
+[
lubCommand
+]
Wykasowanie bieżącej linii kodu
Ctrl
+Shift
+K
Command
+Shift
+K
Wstaw nową linię powyżej bieżącej linii
Ctrl
+Shift
+Enter
Command
+Shift
+Enter
Usunięcie ostatniego wpisanego wyrazu
Ctrl
+Backspace
Option
+Backspace
Przeskocz kursorem o jeden wyraz
Ctrl
+→
lubCtrl
+←
Option
+→
lubOption
+←
Włączenie lub wyłączenie zakomentowania kodu
Komentarz będzie odpowiedni do używanego w pliku języka:
Ctrl
+/
Command
+/
Szybkie zaznaczenie bieżącej linii, bez użycia myszki:
End
,Shift
+Home
lubHome
,Shift
+End
Na Macu odpowiedniki tych klasycznych klawiszy sterujących są następujące:
Command
+←
odpowiadaHome
Command
+→
odpowiadaEnd
fn
+↑
odpowiadaPgUp
fn
+↓
odpowiadaPgDown
Wygodne przeglądanie wystąpień frazy w pliku
F3
orazShift
+F3
(tak samo Windows i MacOS)
Podział edytora na kilka grup (kart, zakładek)
Ctrl
+2
,3
,4
...Command
+2
,3
,4
...
Przeniesienie aktywności kursora do innej grupy
Ctrl
+K
,Ctrl
+→
lubCtrl
+K
,Ctrl
+←
Command
+K
,Command
+→
lubCommand
+K
,Command
+←
Edycja tego samego pliku w dwóch zakładkach
Ctrl
+\
Command
+\
Przesunięcie aktywnej zakładki w prawo lub lewo na liście
Ctrl
+Shift
+PgUp
lubCtrl
+Shift
+PgDown
Command
+K
,Command
+Shift
+←
lubCommand
+K
,Command
+Shift
+→
Skróty związane z uruchomieniem kodu
F5
(uruchom z debugowaniem) lubCtrl
+F5
(uruchom bez debugowania)F5
(uruchom z debugowaniem) lubControl
+F5
(uruchom bez debugowania)
Uruchom rozszerzenie Live Server
Alt
+L
,Alt
+O
Command
+L
,Command
+O
Dodatkowe linki, warto zajrzeć
- Informacje o rozszerzeniu Emmet
- Cheatsheet - pełna lista skrótów w Emmet
- Reference skrótów na oficjalnej stronie VSC
- Skróty Visual Studio Code dla Windows
- Skróty Visual Studio Code dla Linux
- Skróty Visual Studio Code dla MacOS
- Podcast o błędach w nauce programowania
Komentarze