Hoe ik VSCode transformeerde in mijn favoriete Markdown-editor

Hoe ik VSCode transformeerde in mijn favoriete Markdown-editor
Vscode Plus Markdown-omslagafbeelding

Visual Studio Code (VSCode) is een populaire broncode-editor, dankzij de multi-platformondersteuning, lichtgewicht aard en uitstekende uitbreidbaarheid. Hoewel het doorgaans wordt gebruikt door softwareontwikkelaars, heeft het veel te bieden, zelfs voor degenen die fictie en non-fictie in Markdown schrijven. Ik laat je zien hoe ik VSCode heb getransformeerd tot mijn favoriete Markdown-editor.

VSCode versus speciale Markdown-editors

Markdown in Vscode
Bewerken van afprijzingen in VSCode

Er is geen gebrek aan uitstekende, toegewijde markdown-editors, dus waarom zou je je druk maken om VSCode-aanpassing? Er zijn verschillende redenen:

  • Compatibiliteit met meerdere platforms : VSCode werkt naadloos op alle belangrijke platforms, waaronder Windows, macOS en Linux.
  • Rijke functieset : VSCode heeft functies die het leven van elke schrijver een stuk makkelijker kunnen maken. De Git-integratie maakt bijvoorbeeld versiebeheer van uw documenten mogelijk.
  • Flexibele lay-out : de mogelijkheid om meerdere documenten of meerdere secties van hetzelfde document naast elkaar weer te geven, maakt het schrijven van langere content veel gemakkelijker.
  • Kosten en licentie : in tegenstelling tot sommige premium Markdown-editors is VSCode volledig gratis en open source.
  • Ingebouwde Markdown-voorvertoning : VSCode kan een voorvertoning weergeven van Markdown-geformatteerde tekst, zodat u direct ziet wat u doet.
  • Uitbreidbaarheid : het belangrijkste voordeel is misschien wel het uitgebreide ecosysteem van extensies van VSCode , waarmee u de editor kunt aanpassen aan uw specifieke behoeften.

Als dit goed klinkt, ga dan je gang en installeer VSCode . Je bent nog maar een paar extensies verwijderd van het omzetten van VSCode in een uitstekende Markdown-editor.

Essentiële extensies voor Markdown-bewerking in VSCode

Los eerst de grootste beperking van VSCode als Markdown-editor op: het ontbreken van Markdown-opmaaksnelkoppelingsondersteuning. Kies tussen Markdown All in One en Markdown Editor .

Vscode Markdown Alles In Een
Markdown All in One-extensiepagina

Ik raad Markdown All in One persoonlijk aan, omdat het actief wordt ontwikkeld, terwijl Markdown Editor voor het laatst werd bijgewerkt in 2021. De enige reden dat ik Markdown Editor überhaupt noem, is de What You See Is What You Get (WYSIWYG) aard ervan. In plaats van snelkoppelingen te gebruiken of handmatig Markdown-opmaak te typen, markeert u een stuk tekst en drukt u op een knop om het vet te maken, er een koptekst van te maken, etc.

Om een ​​van de twee extensies te installeren, navigeert u naar het tabblad Extensies en gebruikt u de zoekbalk om de extensie te vinden die u hebt gekozen. Klik op de knop Installeren en de extensie wordt geactiveerd.

Laten we vervolgens een spellingscontrole installeren. Er is geen twijfel dat de beste optie Code Spell Checker is . Het ondersteunt Markdown-documenten direct en u kunt tientallen extra taalwoordenboeken installeren als u in andere talen dan Engels schrijft.

Vscode Code Spellingcontrole
Code Spell Checker in actie

Eenmaal geïnstalleerd, markeert het verkeerd gespelde woorden en suggereert het oplossingen. Dit is van onschatbare waarde voor het vinden van die vervelende typfouten die zelfs door de meest zorgvuldige proeflezing heen kunnen glippen.

U bent bijna klaar om VSCode te gebruiken als krachtige Markdown-editor, maar er ontbreekt nog één belangrijke extensie: markdownlint .

Vscode Markdown-lint
Demonstratie van de Markdownlint-extensie

Markdownlint is een linting- en stijlcontroletool voor Markdown. Het helpt consistentie en de beste werkwijzen in uw Markdown-schrijfwerk te handhaven. Wanneer u markdownlint hebt geïnstalleerd, markeert het alle regels die de regels overtreden met een golvende groene onderstreping.

De extensie controleert op een breed scala aan potentiële problemen, van inconsistente kopniveaus en lijstinspringing tot afsluitende spaties en regellengte. Het kan zelfs subtielere problemen detecteren, zoals kale URL’s of ontbrekende alternatieve tekst voor afbeeldingen.

U zou nu drie Markdown-extensies geïnstalleerd moeten hebben in VSCode. U kunt hier stoppen en naar de volgende sectie gaan, of nog een paar extensies installeren: Markdown Links , die een “Show Graph”-opdracht toevoegt die een visuele weergave van de lokale links tussen Markdown-bestanden in uw huidige werkmap weergeeft, en Markdown Preview Github Styling , die de native Markdown-previewfunctie het uiterlijk van GitHub’s Markdown-rendering laat nabootsen.

Vscode Drakula-thema
VSCode met het officiële Dracula-thema

Hoewel VSCode naar mijn mening een visueel aantrekkelijke editor is, zelfs in zijn standaardvorm, is het goed om te weten dat je het uiterlijk ervan kunt aanpassen door een kant-en-klaar thema te installeren. Er zijn duizenden thema’s om uit te kiezen, maar verschillende opties springen eruit als het gaat om Markdown-bewerking:

  • Dracula Officieel : waarschijnlijk het populairste thema ter wereld. Het hoge contrast maakt het ideaal voor lange schrijfsessies en de zeer actieve ontwikkeling garandeert compatibiliteit met toekomstige versies van VSCode.
  • GitHub-thema : dit thema is ideaal voor kleurenblinden en voor mensen die regelmatig Markdown-content op GitHub publiceren, omdat het nauw aansluit bij het kleurenschema van GitHub.
  • Panda-thema : een donker thema met subtiele kleuren die prettig zijn voor de ogen, maar toch duidelijke syntaxismarkering bieden.

Als u last heeft van vermoeide ogen of als u langere tijd achter elkaar moet schrijven, bekijk dan ook deze lijst met VSCode-thema’s die prettig zijn voor de ogen.

Geavanceerde functies die Markdown-bewerking in VSCode eenvoudiger maken

VSCode biedt diverse geavanceerde functies die erg handig kunnen zijn bij het bewerken van fictie- en non-fictietekst in Markdown-formaat.

Vscode-knop om Markdown-document te bekijken
Open het pictogram Voorbeeld aan de zijkant in VSCode.

De belangrijkste functie die u moet kennen is de eerder genoemde native Markdown preview-optie. Met deze split view kunt u aan de ene kant in Markdown schrijven, terwijl u aan de andere kant de geformatteerde uitvoer ziet.

Let op dat er nog een knop is, direct naast het pictogram Open Preview to the Side. Hiermee kunt u Editor Right SplitsenOption , en u kunt de toets op Mac of de Alttoets op Windows/Linux ingedrukt houden om Editor Down te Splitsen .

Multi Cursor Bewerken Vscode
Bewerken met meerdere cursors in VSCode.

Met multi-cursor editing kunt u identieke wijzigingen op meerdere plaatsen tegelijk aanbrengen. Houd de Optiontoets op Mac of de toets op Windows/Linux ingedrukt en klik op de plek waar u extra cursors wilt plaatsen. U kunt ook een woord selecteren en op + op Mac of + op Windows/Linux Altdrukken om de volgende keer dat woord te selecteren.CmdDCtrlD

Fragmentcreatie in Vscode
Markdown-snippet maken in VSCode.

Als u vaak dezelfde zinnen, alinea’s en tekstblokken steeds opnieuw schrijft, configureert u de functie Snippets zodat u ze direct kunt invoegen. Navigeer naar Code -> Instellingen -> Gebruikerssnippets configureren . Kies de optie Nieuw snippetsbestand voor Markdown en geef het fragment een naam. Volg de officiële instructies om het proces voor het maken van het fragment te voltooien.

Tot slot raad ik u ten zeerste aan om vertrouwd te raken met Git-versiebeheer in VSCode. Met behulp hiervan kunt u wijzigingen in uw schrijven in de loop van de tijd bijhouden en indien nodig teruggaan naar een eerdere versie van uw document. De officiële introductie tot Git in VSCode biedt een geweldig startpunt.

Met de handige extensies, thema’s en functies die hier worden beschreven, zou het bewerken van Markdown-documenten in VSCode efficiënt en zelfs plezierig moeten zijn. Voor grotere schrijfprojecten, zoals romans, kunt u Scrivener of een van de alternatieven overwegen.

Alle afbeeldingen en screenshots door David Morelo.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *