10 niezbędnych rozszerzeń do Visual Studio Code, z których powinien korzystać każdy inżynier IT

damian@damiankrawczyk.com (Damian Krawczyk) — Sat, 06 Jan 2024 00:00:00 +0000

Jeśli wykorzystujesz Visual Studio Code do pracy, sprawdź te rozszerzenia. Jestem pewien, że przyspieszą one twoją pracę.

Marp for VS Code

Stwórz proste prezentacje w formie kodu za pomocą języka znaczników Markdown.

Zainstaluj rozszerzenie Marp for VS Code.
Utwórz nowy plik typu Marp Markdown.
Korzystając ze składni Markdown stwórz slajdy.
Jeśli chcesz dodać Spis treści oparty na nagłówkach Markdown do wygenerowanego pliku pdf, przejdź do ustawień rozszerzenia. Poszukaj ustawienia o nazwie Markdown › Marp › Pdf: Outlines i zmień jego wartość z off na headings.

Prosta prezentacja w Marp. (obraz autora rozszerzenia)

Przeczytaj więcej o składni Marpit Markdown, aby dowiedzieć się jak dostosować slajdy do swoich potrzeb.

Insert Date String

Łatwy sposób na wstawienie aktualnej daty i godziny dzięki rozszerzeniu stworzonemu przez Jakuba Synowca.

Zainstaluj rozszerzenie Insert Date String.
Wstaw datę i godzinę:
- cmd⌘ Shift⇧ + I (macOS)
- Ctrl Shift + I (Windows/Linux)
Jeśli chcesz zmienić format wstawianej daty i godziny, przejdź do ustawień rozszerzenia. Poszukaj ustawienia o nazwie Insert Date String: Format i zmień jego wartość:
- domyślna wartość
  YYYY-MM-DD hh:mm:ss
```
2021-12-30 09:07:11
```
- Uwzględniona wartość przesunięcia czasu UTC
  YYYY-MM-DDThh:mm:ssZZZZ
```
2021-12-30T09:07:52+0100
```

Czytaj więcej o Insert Date String w instrukcji wykorzystania.

Git Graph

Jeśli korzystasz z gita, to jest to rozszerzenie, które pomoże Ci zwizualizować twój log zmian gita.

Zainstaluj rozszerzenie Git Graph.
Przejdź do Kontrola źródła lub skorzystaj ze skrótu:
- cmd⌘ Shift⇧ + G (macOS)
- Ctrl Shift + G (Windows/Linux)
Kliknij w ikonę View Git Graph (git log).

Git Graph przykład (obraz autora rozszerzenia)

Czytaj więcej o Git Graph w dokumentacji na temat ustawień rozszerzenia.

Code Spell Checker

Jeśli dużo piszesz, warto poprawić literówki i błędy gramatyczne za pomocą Code Spell Checker.

Zainstaluj rozszerzenie Code Spell Checker.
Ustaw kursor na słowie, które chcesz zmienić.
Kliknij na ikonę żarówki 💡, która pojawi się po lewej stronie lub skorzystaj ze skrótu
- cmd⌘ + . (macOS)
- Ctrl + . (Windows/Linux)
Wybierz sugerowaną korektę do zastosowania.

Code Spell Checker przykład (obraz autora rozszerzenia)

Sprawdź listę dostępnych słowników. Znajdziesz tam słownik dedykowany dla języka polskiego Polish - Code Spell Checker. Czytaj więcej o Code Spell Checker na stronie rozszerzenia.

Open

Sprawdź rozszerzenie Open, jeśli chcesz otworzyć np. obraz za pomocą domyślnej aplikacji lub dokument Excel bezpośrednio z Visual Studio Code.

Zainstaluj rozszerzenie Open.
Przejdź do Eksploratora plików lub skorzystaj ze skrótu:
- cmd⌘ Shift⇧ + E (macOS)
- Ctrl Shift + E (Windows/Linux)
Kliknij PPM (prawy przycisk myszy) na folderze lub pliku.
Wybierz opcję Open with default application.

Duplicate action

Jeśli masz plik szablonu lub katalog z szablonami dla wielu plików, dzięki temu rozszerzeniu możesz je łatwo zduplikować za jednym razem.

Zainstaluj rozszerzenie Duplicate action.
Przejdź do Eksploratora plików lub skorzystaj ze skrótu:
- cmd⌘ Shift⇧ + E (macOS)
- Ctrl Shift + E (Windows/Linux)
Kliknij PPM (prawy przycisk myszy) na folderze lub pliku.
Wybierz opcję Duplicate file or directory.
Wprowadź nową ścieżkę duplikatu.

Markdown All in One

Jeśli piszesz w plikach Markdown, Twoja praca będzie znacznie łatwiejsza. Wypróbuj.

Zainstaluj rozszerzenie Markdown All in One.
Otwórz dowolny plik Markdown.
Spróbuj utworzyć listę jak w poniższym przykładzie.

Edytowanie listy (obraz autora rozszerzenia)
Wklej link do zaznaczonego tekstu.

Wklejanie linku na wybrany tekst (obraz autora rozszerzenia)

Czytaj więcej o Markdown All in One na stronie rozszerzenia.

Todo Tree

Rozszerzenie to może być pomocne, jeśli w Twoim projekcie pracujesz nad wieloma plikami jednocześnie i chcesz później wprowadzić pewne poprawki. Możesz łatwo znaleźć wszystkie swoje zmiany, które zostawiłeś sobie na później.

Zainstaluj rozszerzenie Todo Tree.
Otwórz plik.
Dodaj komentarz w pliku, możesz użyć skrótu:
- cmd⌘ + / (macOS)
- Ctrl + / (Windows/Linux)
Dodaj TODO: w komentarzu, przykład, dla pliku Markdown: 
Przejdź do eksploratora TODOs na pasku bocznym.
Łatwo przeglądaj wszystkie swoje rzeczy do poprawy.

Todo Tree przykład (obraz autora rozszerzenia)

Czytaj więcej o Todo Tree na stronie rozszerzenia.

Bookmarks

Jeśli musisz przeanalizować pliki z wieloma wierszami, to rozszerzenie może pomóc w tworzeniu zakładek do już zweryfikowanych wierszy.

Zainstaluj rozszerzenie Bookmarks.
Otwórz plik.
Dodaj lub usuń zakładkę za pomocą skrótu:
- alt⌥ cmd⌘ + K (macOS)
- alt Ctrl + K (Windows/Linux)
Przejdź do eksploratora zakładek Bookmarks na pasku bocznym.
Przejrzyj wszystkie swoje zakładki.

Bookmarks przykład (obraz autora rozszerzenia)

Czytaj więcej o Bookmarks na stronie rozszerzenia.

Foam

Jeśli chcesz zbudować bazę wiedzy w oparciu o pliki markdown, powinieneś wypróbować Obsidian. Istnieje jednak rozszerzenie, które pomoże Ci osiągnąć ten cel w podobny sposób w Visual Studio Code. Jest ono przydatne, jeśli baza wiedzy składa się z różnych plików w formie kodu.

Zainstaluj rozszerzenie Foam.
Utwórz strukturę bazy wiedzy przy użyciu szablonu sugerowanego w instrukcji Pierwsze kroki.
Otwórz Paletę poleceń
- cmd⌘－Shift⇧ P (macOS)
- Ctrl－Shift P (Windows/Linux)
Wpisz Foam
Wybierz np. Foam: Open Today's Note, aby utworzyć notatkę na dany dzień.
Dopasuj korzystając z szablonów do swoich potrzeb.

Foam Daily Note przykład (obraz autora rozszerzenia)

Czytaj więcej o Foam na stronie projektu.

Jak szybko otworzyć folder w Visual Studio Code i innych aplikacjach w macOS?

damian@damiankrawczyk.com (Damian Krawczyk) — Mon, 24 Jan 2022 00:00:00 +0000

W tej notatce przeczytasz jak wykorzystać aplikację Automator w systemie macOS do przyśpieszenia niektórych swoich czynności. Każdego dnia ułatwiaja mi ona poruszanie się po systemie macOS.

Otwórz w Visual Studio Code

Otwórz Automator.
Przejdź do Plik > Nowy.
Wybierz Szybka czynność.
Zmień Kolejka otrzymuje bieżące na pliki lub foldery w Finder.app.
Dodaj czynność Uruchom skrypt powłoki poprzez podwójne kliknięcie.
Zmień Przekaż dane wejściowe jako jako argumenty.

Skopiuj i wklej poniższy kod do czynności Uruchom skrypt powłoki:

for f in "$@"
do
 open -n -b "com.microsoft.VSCode" --args "$f"
done

Przejdź do Plik > Zachowaj… i zapisz np. jako Otwórz w Visual Studio Code.
Przejdź do Finder.
Kliknij PPM (prawy przycisk myszy) na folderze lub pliku.
Wybierz z menu kontekstowego Szybkie Czynności > Otwórz w Visual Studio Code.

Wskazówka

Jeżeli masz włączony pasek ścieżki dostępu (alt⌥－cmd⌘ P) w Finder i chcesz skorzystać z szybkiej czynności z poziomu paska ścieżki dostępu, kliknij PPM (prawy przycisk myszy) na folderze lub na pliku w pasku ścieżki dostępu i wybierz z menu kontekstowego Usługi > Otwórz w Visual Studio Code.

Open in Visual Studio Code, based on jnovack post @ stackoverflow.com CC BY-SA 4.0

Otwórz w pyCharm

Otwórz Automator.
Przejdź do Plik > Nowy.
Wybierz Szybka czynność.
Zmień Kolejka otrzymuje bieżące na pliki lub foldery w Finder.app.
Dodaj czynność Uruchom skrypt powłoki poprzez podwójne kliknięcie.
Zmień Przekaż dane wejściowe jako jako argumenty.