Jak przekształciłem VSCode w mój ulubiony edytor Markdown

Jak przekształciłem VSCode w mój ulubiony edytor Markdown
Obraz okładki Vscode Plus Markdown

Visual Studio Code (VSCode) to popularny edytor kodu źródłowego, dzięki obsłudze wielu platform, lekkiej naturze i doskonałej rozszerzalności. Chociaż jest zazwyczaj używany przez programistów oprogramowania, ma wiele do zaoferowania, nawet tym, którzy piszą fikcję i literaturę faktu w Markdown. Pokażę ci, jak przekształciłem VSCode w mój ulubiony edytor Markdown.

VSCode kontra dedykowane edytory Markdown

Markdown w Vscode
Edycja obniżek cen akcji w VSCode

Nie brakuje doskonałych dedykowanych edytorów markdown, więc po co zawracać sobie głowę dostosowywaniem VSCode? Jest kilka powodów:

  • Zgodność międzyplatformowa : VSCode działa bezproblemowo na wszystkich głównych platformach, w tym Windows, macOS i Linux.
  • Bogaty zestaw funkcji : VSCode ma funkcje, które mogą znacznie ułatwić życie każdemu pisarzowi. Na przykład integracja z Gitem pozwala na kontrolę wersji dokumentów.
  • Elastyczny układ : możliwość wyświetlania wielu dokumentów lub wielu sekcji tego samego dokumentu obok siebie sprawia, że ​​pisanie dłuższych treści staje się znacznie wygodniejsze.
  • Koszt i licencja : w przeciwieństwie do niektórych płatnych edytorów Markdown, VSCode jest całkowicie darmowy i ma otwarte oprogramowanie.
  • Wbudowany podgląd znaczników Markdown : VSCode może natywnie wyświetlać podgląd tekstu w formacie Markdown, umożliwiając natychmiastowe sprawdzenie wykonywanych czynności.
  • Rozszerzalność : prawdopodobnie najważniejszą zaletą VSCode jest rozbudowany ekosystem rozszerzeń , które pozwalają dostosować edytor do własnych potrzeb.

Jeśli to brzmi dobrze, zainstaluj VSCode . Jesteś tylko kilka rozszerzeń od przekształcenia VSCode w doskonały edytor Markdown.

Niezbędne rozszerzenia do edycji Markdown w VSCode

Najpierw napraw największe ograniczenie VSCode jako edytora Markdown: brak obsługi skrótów formatowania Markdown. Wybierz pomiędzy Markdown All in One i Markdown Editor .

Vscode Markdown Wszystko w Jednym
Strona rozszerzenia Markdown All in One

Osobiście polecam Markdown All in One, ponieważ jest aktywnie rozwijany, podczas gdy Markdown Editor był ostatnio aktualizowany w 2021 r. Jedynym powodem, dla którego wspominam Markdown Editor, jest jego natura WYSIWYG (What You See Is What You Get). Zamiast używać skrótów lub ręcznie wpisywać formatowanie Markdown, zaznacz fragment tekstu i naciśnij przycisk, aby go pogrubić, zmienić w nagłówek itp.

Aby zainstalować jedno z dwóch rozszerzeń, przejdź do zakładki Rozszerzenia i użyj paska wyszukiwania, aby znaleźć wybrane rozszerzenie. Kliknij przycisk Zainstaluj , a rozszerzenie zostanie aktywowane.

Następnie zainstalujmy sprawdzanie pisowni. Nie ma wątpliwości, że najlepszą opcją jest Code Spell Checker . Obsługuje dokumenty Markdown od samego początku, a jeśli piszesz w językach innych niż angielski, możesz zainstalować dziesiątki dodatkowych słowników językowych.

Sprawdzanie pisowni kodu Vscode
Sprawdzanie pisowni kodu w akcji

Po zainstalowaniu będzie podświetlać błędnie napisane słowa i sugerować poprawki. Jest to nieocenione w wyłapywaniu tych irytujących literówek, które mogą prześlizgnąć się nawet przez najbardziej staranną korektę.

Jesteś już prawie gotowy, aby zacząć używać VSCode jako zaawansowanego edytora Markdown, ale brakuje Ci jeszcze jednego ważnego rozszerzenia: markdownlint .

Vscode Markdown Lint
Demonstracja rozszerzenia Markdownlint

Markdownlint to narzędzie do lintingu i sprawdzania stylów dla Markdown. Pomaga wymusić spójność i najlepsze praktyki w pisaniu w Markdown. Po zainstalowaniu Markdownlint podświetli on wszystkie wiersze naruszające jego zasady falistą zieloną linią.

Rozszerzenie sprawdza szeroki zakres potencjalnych problemów, od niespójnych poziomów nagłówków i wcięć listy po spacje końcowe i długość wiersza. Może nawet wyłapać bardziej subtelne problemy, takie jak puste adresy URL lub brakujący tekst alternatywny dla obrazów.

Powinieneś teraz mieć zainstalowane trzy rozszerzenia Markdown w VSCode. Możesz zatrzymać się tutaj i przejść do następnej sekcji lub zainstalować kilka dodatkowych rozszerzeń: Markdown Links , które dodaje polecenie „Show Graph”, wyświetlające wizualną reprezentację lokalnych linków między plikami Markdown w bieżącym katalogu roboczym, oraz Markdown Preview Github Styling , które sprawia, że ​​natywna funkcja podglądu Markdown naśladuje wygląd renderowania Markdown w GitHub.

Vscode Motyw Drakula
VSCode z oficjalnym motywem Draculi

Chociaż VSCode jest moim zdaniem wizualnie atrakcyjnym edytorem, nawet w swojej standardowej formie, dobrze jest wiedzieć, że można dostosować jego wygląd, instalując łatwo dostępny motyw. Można wybierać spośród tysięcy motywów, ale kilka opcji wyróżnia się, jeśli chodzi o edycję Markdown:

  • Dracula Official : prawdopodobnie najpopularniejszy motyw na świecie. Dzięki wysokiemu kontrastowi doskonale nadaje się do długich sesji pisania, a jego bardzo aktywny rozwój gwarantuje kompatybilność z przyszłymi wersjami VSCode.
  • Motyw GitHub : ten motyw świetnie sprawdzi się u osób cierpiących na daltonizm oraz u tych, którzy często publikują treści Markdown w serwisie GitHub, ponieważ wiernie odzwierciedla kolorystykę serwisu GitHub.
  • Motyw Panda : ciemny motyw z delikatnymi kolorami, które mają być przyjemne dla oka, a jednocześnie wyraźnie wyróżniać składnię.

Jeśli zmagasz się z przemęczeniem oczu lub zdarza Ci się pisać przez dłuższy czas, sprawdź także tę listę motywów VSCode, które są przyjazne dla oczu.

Zaawansowane funkcje ułatwiające edycję Markdown w programie VSCode

VSCode oferuje kilka zaawansowanych funkcji, które mogą okazać się niezwykle przydatne podczas edycji tekstów beletrystycznych i popularnonaukowych w formacie Markdown.

Przycisk Vscode do podglądu dokumentu Markdown
Otwórz ikonę Podgląd z boku w programie VSCode.

Główną funkcją, o której powinieneś wiedzieć, jest wspomniana wcześniej natywna opcja podglądu Markdown. Ten podzielony widok pozwala pisać w Markdown po jednej stronie, a jednocześnie widzieć sformatowany wynik po drugiej.

Zauważ, że jest jeszcze jeden przycisk tuż obok ikony Otwórz podgląd na stronie. Ten pozwala Ci na Split Editor Right i możesz przytrzymać Optionklawisz na Macu lub Altklawisz na Windowsie/Linuxie, aby Split Editor Down .

Edycja wielokursorowa Vscode
Edycja wielokursorowa w VSCode.

Edycja wielokursorowa umożliwia wprowadzanie identycznych zmian w wielu miejscach jednocześnie. Przytrzymaj klawisz Optionna komputerze Mac lub Altklawisz w systemie Windows/Linux i kliknij w miejscu, w którym chcesz umieścić dodatkowe kursory. Możesz też wybrać słowo i nacisnąć Cmd+ Dna komputerze Mac lub Ctrl+ Dw systemie Windows/Linux, aby wybrać następne wystąpienie tego słowa.

Tworzenie fragmentów kodu w Vscode
Tworzenie fragmentów kodu Markdown w programie VSCode.

Jeśli często zdarza Ci się pisać te same zdania, akapity i bloki tekstu, skonfiguruj funkcję Snippets , aby móc je wstawiać natychmiast. Przejdź do Code -> Settings -> Configure User Snippets . Wybierz opcję New Snippets file for Markdown i nazwij fragment. Postępuj zgodnie z oficjalnymi instrukcjami , aby ukończyć proces tworzenia fragmentu.

Na koniec gorąco polecam zapoznanie się z kontrolą wersji Git w VSCode. Dzięki niej możesz śledzić zmiany w swoim pisaniu w czasie i w razie potrzeby wrócić do poprzedniej wersji dokumentu. Oficjalne wprowadzenie do Git w VSCode stanowi świetny punkt wyjścia.

Dzięki przydatnym rozszerzeniom, motywom i funkcjom opisanym tutaj, edycja dokumentów Markdown w VSCode powinna być wydajna, a nawet przyjemna. W przypadku większych projektów pisarskich, takich jak powieści, możesz rozważyć Scrivener lub jedną z jego alternatyw.

Wszystkie obrazy i zrzuty ekranu autorstwa Davida Morelo.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *