Krótki poradnik VSCode
Tabela skrótów klawiszy Visual Studio Code jest już dostępna
Najczęściej używane polecenia w Visual Studio Code
W celu tworzenia odtwarzalnych środowisk programistycznych zobacz Zawłaszczanie Dev Containers w VS Code.
Ściągawka Visual Studio Code
Ogólne skróty klawiszowe (Windows / Mac)
| Akcja | Windows / Linux | macOS |
|---|---|---|
| Paleta poleceń | Ctrl+Shift+P | Cmd+Shift+P |
| Szybkie otwieranie (pliku) | Ctrl+P | Cmd+P |
| Przełącz terminal | Ctrl+` | Ctrl+` |
| Przełącz pasek boczny | Ctrl+B | Cmd+B |
| Ustawienia | Ctrl+, | Cmd+, |
| Otwórz skróty klawiszowe | Ctrl+K Ctrl+S | Cmd+K Cmd+S |
| Pokaż wszystkie symbole | Ctrl+T | Cmd+T |
| Idź do linii | Ctrl+G | Ctrl+G |
| Znajdź | Ctrl+F | Cmd+F |
| Zastąp | Ctrl+H | Cmd+Option+F |
| Wiele kursorów (dodaj następny) | Ctrl+D | Cmd+D |
| Wiele kursorów (dodaj powyżej/poniżej) | Ctrl+Alt+Góra/Dół | Option+Cmd+Góra/Dół |
| Przesuń linię w górę/dół | Alt+Góra/Dół | Option+Góra/Dół |
| Skopiuj linię w górę/dół | Shift+Alt+Góra/Dół | Shift+Option+Góra/Dół |
| Wytnij linię | Ctrl+X | Cmd+X |
| Skopiuj linię | Ctrl+C | Cmd+C |
| Usuń linię | Ctrl+Shift+K | Cmd+Shift+K |
| Komentarz liniowy | Ctrl+/ | Cmd+/ |
| Sformatuj dokument | Shift+Alt+F | Shift+Option+F |
| Zapisz | Ctrl+S | Cmd+S |
| Zamknij edytor | Ctrl+W | Cmd+W |
| Podziel edytor | Ctrl+\ | Cmd+\ |
Nawigacja
- Idź do definicji: F12
- Podgląd definicji: Alt+F12
- Idź do odwołań: Shift+F12
- Wróć/Przejdź do przodu: Alt+Lewy/Prawy (Windows), Ctrl+–/Ctrl+Shift+– (Mac)
Edycja
- Duplikuj linię: Shift+Alt+Dół (Windows), Shift+Option+Dół (Mac)
- Przesuń linię w górę/dół: Alt+Góra/Dół (Windows), Option+Góra/Dół (Mac)
- Zaznacz wszystkie wystąpienia: Ctrl+Shift+L (Windows), Cmd+Ctrl+G (Mac)
- Cofnij/Ponów: Ctrl+Z / Ctrl+Y (Windows), Cmd+Z / Cmd+Shift+Z (Mac)
Zintegrowany terminal
- Nowy terminal: Ctrl+Shift+` (Windows/Mac)
- Przełącz terminal: Ctrl+` (Windows/Mac)
- Zamknij terminal: Ctrl+Shift+W
Kontrola źródła (Git)
- Otwórz kontrolę źródła: Ctrl+Shift+G (Windows), Cmd+Shift+G (Mac)
- Zatwierdź: Ctrl+Enter (w polu wiadomości commit)
Używanie wiersza poleceń
# Otwórz VS Code w bieżącym katalogu
code .
# Otwórz konkretny plik na danej linii i kolumnie
code myfile.js:10:5
# Otwórz widok różnic między dwoma plikami
code --diff file1.js file2.js
# Otwórz nowe okno VS Code
code -n
# Wyłącz wszystkie rozszerzenia
code --disable-extensions .
Dostosowanie
- Zmień motyw: Ctrl+K Ctrl+T (Windows), Cmd+K Cmd+T (Mac)
- Otwórz skróty klawiszowe: Ctrl+K Ctrl+S (Windows), Cmd+K Cmd+S (Mac)
- Zainstaluj rozszerzenia: Ctrl+Shift+X (Windows), Cmd+Shift+X (Mac)
Fragmenty kodu (Snippets)
- Twórz własne fragmenty kodu przez
Preferences: Configure User Snippets.
Wskazówki
- Używaj Palety poleceń (Ctrl+Shift+P / Cmd+Shift+P) do praktycznie każdego polecenia lub ustawienia.
- Folder
.vscodew Twoim projekcie umożliwia ustawienia i zadania specyficzne dla przestrzeni roboczej. - Możesz instalować rozszerzenia mapowań klawiatury, aby używać skrótów z innych edytorów (Vim, Sublime itp.).
Aby uzyskać bardziej kompleksową listę, przejdź do oficjalnego [PDF z skrótem klawiszowym] lub referencji skrótów w edytorze (Ctrl+K Ctrl+S).
Jak zainstalować rozszerzenie VS Code z Palety poleceń
Możesz zainstalować rozszerzenie Visual Studio Code z Palety poleceń:
- Otwórz Paletę poleceń za pomocą Ctrl+Shift+P (Windows/Linux) lub Cmd+Shift+P (macOS).
- Wpisz
Extensions: Install Extensionsi wybierz go z listy. Otworzy to widok rozszerzeń, gdzie możesz wyszukać rozszerzenie i je zainstalować.
Ta metoda pozwala na szybkie instalowanie rozszerzeń bez odrywania rąk od klawiatury ani nawigowania przez menu.
Wymienienia na Marketplace dają również jednoliniową instalację. Otwórz Szybkie otwieranie za pomocą Ctrl+P (Cmd+P na macOS), wklej ext install <publisher.extension-id> i naciśnij Enter. W przypadku vscode-icons to polecenie to ext install vscode-icons-team.vscode-icons.
Z terminala to samo rozszerzenie instaluje się poleceniem code --install-extension vscode-icons-team.vscode-icons.
Aby zobaczyć, które rozszerzenia są najbardziej instalowane dla danego języka, zobacz Popularność języków programowania i frameworków.
Inna lista skrótów klawiszowych edytora
Ctrl+T (macOS: Cmd+T) - Pokaż symbole przestrzeni roboczej
Ctrl+Shift+O (macOS: Cmd+Shift+O) - Pokaż symbole dokumentu
Ctrl+Shift+P (macOS: Cmd+Shift+P) - Otwórz paletę poleceń
Ctrl+Space - Otwórz autouzupełnianie kodu
Ctrl+. (macOS: Cmd+.) - Otwórz szybkie naprawy
F2 - Zmień nazwę symbolu
Shift+Alt+F (macOS: Shift+Option+F) - Sformatuj dokument
F12 - Idź do definicji
Shift+F12 - Znajdź odwołania
Alt+Shift+O - Zorganizuj dyrektywy
F4 - Pokaż hierarchię typów
Inna lista skrótów klawiszowych debugowania
Ctrl+Alt+D - Uruchom Dart DevTools
F5 - Rozpocznij debugowanie
Ctrl+F5 - Rozpocznij bez debugowania
Shift+F5 - Zatrzymaj debugowanie
Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Restart debugowania (lub Hot Restart podczas debugowania aplikacji Flutter)
Ctrl+F5 - Hot Reload podczas debugowania aplikacji Flutter
F9 - Przełącz punkt kontrolny
F10 - Krok ponad
F11 - Krok wewnątrz
Shift+F11 - Krok na zewnątrz
