Tam i z powrotem

• Dodaje przyciski wstecz i do przodu do paska narzędzi w VSCode
• https://marketplace.visualstudio.com/items?itemName=nick-rudenko.back-n-forth

• Kolory pasują do nawiasów, aby łatwiej było stwierdzić, które nawiasy pasują.
• https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

• Lepsze wyróżnienie składni dla kodu JavaScript
• https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel

• Umieszcza przycisk „Odtwórz” na pasku narzędzi i pozwala uruchamiać pliki kodu, naciskając go.
• https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

Uruchom fragment kodu lub plik kodu dla wielu języków: C, C ++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT / CMD, BASH / SH, F # Script, F # ( .NET Core), C # Script, C # (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C , Rdza, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran i polecenie niestandardowe

funkcje

Uruchom plik kodu bieżącego aktywnego edytora tekstu

Uruchom plik kodu za pomocą menu kontekstowego eksploratora plików

Uruchom wybrany fragment kodu w edytorze tekstu

Uruchom kod na Shebanga

Uruchom kod według nazwy pliku glob

Uruchom polecenie niestandardowe

Zatrzymaj działanie kodu

Wyświetl wynik w oknie wyjściowym

Ustaw domyślny język do uruchomienia

Wybierz język do uruchomienia

Obsługuj REPL, uruchamiając kod w zintegrowanym terminalu

Zastosowania

Aby uruchomić kod:

• użyj skrótu Ctrl+Alt+N
• lub naciśnij, F1a następnie wybierz / wpisz Run Code,
• lub kliknij prawym przyciskiem myszy Edytor tekstu, a następnie kliknij Run Codemenu kontekstowe edytora
• lub kliknij Run Codeprzycisk w menu tytułowym edytora
• lub kliknij Run Codeprzycisk w menu kontekstowym eksploratora plików
• Aby zatrzymać działający kod:
• użyj skrótu Ctrl+Alt+M
• lub naciśnij, F1a następnie wybierz / typStop Code Run
• lub kliknij prawym przyciskiem myszy kanał wyjściowy, a następnie kliknij Stop Code Runmenu kontekstowe

• Aby wybrać język do uruchomienia, użyj skrótu Ctrl+Alt+Jlub naciśnij, F1a następnie wybierz / wpisz Run By Language, a następnie wpisz lub wybierz język do uruchomienia: np.php, javascript, bat, shellscript...

• Aby uruchomić polecenie niestandardowe, użyj skrótu Ctrl+Alt+Klub naciśnij, F1a następnie wybierz / wpiszRun Custom Command

• Zmienia kolor tła kolorów szesnastkowych w kodzie, aby pokazać, jaki to jest kolor
• https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

• Pokazuje graficzną reprezentację twoich gałęzi git i zatwierdzeń
• https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

• Dodaje mnóstwo fajnych funkcji do vscode, takich jak przeglądanie zatwierdzeń w edytorze
• https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

• bezproblemowa nawigacja po wersji (wstecz i do przodu) przez historię pliku
• dyskretna adnotacja o winie na końcu linii pokazująca zatwierdzającego i autora, który jako ostatni zmodyfikował linię, z bardziej szczegółowymi informacjami o winie dostępnymi po najechaniu kursorem
• Obiektyw kodu autorstwa pokazujący najnowsze zatwierdzenie i liczbę autorów na górze plików i / lub bloków kodu
• pasek stanu winę adnotacja pokazując popełnić i autor, który ostatnio zmodyfikowano bieżącą linię
• adnotacje plików na żądanie w rynnie edytora, w tym
• blame - pokazuje zatwierdzającego i autora, który jako ostatni modyfikował każdą linię pliku
• zmiany - podświetla wszelkie lokalne (nieopublikowane) zmiany lub wiersze zmienione przez ostatnie zatwierdzenie
• heatmap - pokazuje, jak niedawno zmieniły się wiersze, w stosunku do wszystkich innych zmian w pliku i do teraz (gorące vs.
• wiele bogatych widoków Side Bar
• A popełnia zobaczyć wizualizację, zbadać i zarządzać zobowiązuje Git
• A Repozytoria zobaczyć wizualizację, zbadać i zarządzać repozytoriów Git
• Historia pliku widok na wizualizację, przejść i odkrywać historię zmian bieżącego pliku lub tylko wybrane wiersze bieżącego pliku
• Historia Linia widok na wizualizację, przejść i odkrywać historię zmian wybranych liniach w bieżącym pliku
• A Gałęzie zobaczyć wizualizację, zbadać i zarządzać oddziałów Git
• A Piloty zobaczyć wizualizację, zbadać i zarządzać piloty Git i zdalnych oddziałów
• A stashes zobaczyć wizualizację, zbadać i zarządzać stashes Git
• A Tagi zobaczyć wizualizację, zbadać i zarządzać tagów Git
• A Autorzy zobaczyć wizualizować w obsłudze, i zbadać współpracowników
• wyszukiwania Porównaj widok do wyszukiwania i odkrywania historii popełnienia przez wiadomości, autor, plików, ID, etc, czy porównań Visualize między oddziałami, etykietki, popełnia i więcej
• Git poleceń Palette celu dostarczenia przewodnikiem (krok po kroku) dostęp do wielu typowych poleceń Git, a także szybki dostęp do
• commits - historia i wyszukiwanie
• skrytki
• status - aktualny stan gałęzi i drzewa roboczego
• przyjazny dla użytkownika, interaktywny edytor rebase do łatwej konfiguracji interaktywnej sesji rebase
• łącza terminala -ctrl+clickna łączach automatycznych w zintegrowanym terminalu, aby szybko przejść do większej liczby szczegółów dotyczących zatwierdzeń, gałęzi, tagów i nie tylko
• bogate integracje z dostawcami zdalnymi - GitHub, GitLab, Bitbucket, Azure DevOps
• problem i automatyczne łączenie żądań ściągnięcia
• bogate informacje o zawisaniu dostarczone dla połączonych problemów i żądań ściągnięcia (tylko GitHub)
• współpracuje z żądaniami ściągnięcia z gałęziami i zatwierdzeniami (tylko GitHub)
• wiele potężnych poleceń do nawigacji i porównywania wersji i nie tylko
• tryby zdefiniowane przez użytkownika do szybkiego przełączania między zestawami ustawień
• i wiele więcej 😁

Nawigacja po rewizjach

Markdown wszystko w jednym

• Wszystko, czego potrzebujesz, aby pomóc Ci pisać pliki Markdown w VSCode
• https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

Skróty klawiszowe

(Literówka: wiele słów)

Zobacz pełną listę skrótów klawiszowych w sekcji skrótów klawiaturowych

Spis treści

• Uruchom polecenie „ Utwórz spis treści ”, aby wstawić nowy spis treści.
• Domyślnie spis treści jest automatycznie aktualizowany przy zapisywaniu pliku. Aby wyłączyć, zmień toc.updateOnSaveopcję.
• Typ wcięcia (tabulator lub spacje) spisu treści można skonfigurować dla każdego pliku. Znajdź ustawienie w prawym dolnym rogu paska stanu VS Code.
• Uwaga : pamiętaj, aby zaznaczyć równieżlist.indentationSizeopcję.
• Aby TOC był kompatybilny z GitHub lub GitLab , ustaw slugifyModeodpowiednią opcję
• Trzy sposoby kontrolowania, które nagłówki są obecne w spisie treści:
• Kliknij aby rozszerzyć
• Łatwe dodawanie / aktualizowanie / usuwanie numeracji sekcji

• Jeśli widzisz nieoczekiwane rozpoznanie spisu treści , możesz dodać <!-- no toc -->komentarz nad listą .

Uwaga : Domyślnie to rozszerzenie próbuje określić rozmiar wcięcia dla różnych list zgodnie ze specyfikacją CommonMark . Jeśli wolisz używać zakładki o stałym rozmiarze, zmień tolist.indentationSizeustawienie.

Wydrukuj Markdown do HTML

• Polecenia Markdown: Print current document to HTMLi Markdown: Print documents to HTML(tryb wsadowy)
• Kompatybilny z innymi zainstalowanymi wtyczkami Markdown (np. Markdown Footnotes ) Eksportowany HTML powinien wyglądać tak samo, jak wewnątrz VSCode.
• Użyj komentarza, <!-- title: Your Title -->aby określić tytuł eksportowanego kodu HTML.
• Zwykłe linki do .mdplików zostaną przekonwertowane na .html.
• Zaleca się wydrukowanie wyeksportowanego HTML do PDF za pomocą przeglądarki (np. Chrome), jeśli chcesz udostępniać swoje dokumenty innym.

• Formatyzator tabeli

• Uwaga : klawiszowe powiązanie to Ctrl + Shift + I w systemie Linux. Zobacz powiązania klawiszy programu Visual Studio Code .
• Listy zadań

Skorzystaj z Markdown + Math, aby uzyskać dedykowane wsparcie matematyczne. Pamiętaj, aby wyłączyć math.enabledopcję tego rozszerzenia.

Automatyczne uzupełnianie

Wskazówka: obsługuj również tę opcję completion.root

• Obrazy / pliki (szanuje opcję search.exclude)

• Funkcje matematyczne (w tym opcja katex.macros)

• Umożliwia uruchamianie testów mokka na pasku bocznym VSCode
• https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-mocha-test-adapter

Polecenie importu

{
	"npm-intellisense.importES6": true,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

{
	"npm-intellisense.importES6": false,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

• Nazwy modułów Autocomlpetes npm podczas wpisywania require lub import.
• https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

Polecenie importu

{
	"npm-intellisense.importES6": true,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

{
	"npm-intellisense.importES6": false,
	"npm-intellisense.importQuotes": "'",
	"npm-intellisense.importLinebreak": ";\r\n",
	"npm-intellisense.importDeclarationType": "const",
}

Npm intellisense domyślnie skanuje tylko zależności. Ustaw scanDevDependencies na true, aby włączyć ją również dla devDependencies.

{
	"npm-intellisense.scanDevDependencies": true,
}

• Automatycznie uzupełnia ścieżki systemu plików, gdy je wpisujesz
• https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Rozszerzenia komercyjne

Quokka.js

• Płatne rozszerzenie, które robi niesamowite rzeczy, pokazując wyniki twojego javascript w oknie edytora
• https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode

Quokka.js to narzędzie zwiększające produktywność programistów do szybkiego prototypowania JavaScript / TypeScript. Wartości środowiska uruchomieniowego są aktualizowane i wyświetlane w środowisku IDE obok kodu podczas wpisywania.

Jeśli uważasz, że ten przewodnik okazał się pomocny, sprawdź moje inne artykuły:

Lista wszystkich moich artykułów z linkami do przyszłych postów

LUB GitHub / gists, gdzie hostuję podobne treści:

Lub sprawdź moją osobistą witrynę z zasobami: