Come ho trasformato VSCode nel mio editor Markdown preferito

Come ho trasformato VSCode nel mio editor Markdown preferito
Immagine di copertina di Vscode Plus Markdown

Visual Studio Code (VSCode) è un editor di codice sorgente molto diffuso, grazie al suo supporto multipiattaforma, alla sua natura leggera e all’eccellente estensibilità. Sebbene sia solitamente utilizzato dagli sviluppatori di software, ha molto da offrire, anche a coloro che scrivono narrativa e saggistica in Markdown. Lasciate che vi mostri come ho trasformato VSCode nel mio editor Markdown preferito.

VSCode contro editor Markdown dedicati

Markdown in Vscode
Modifica del ribasso delle scorte in VSCode

Non mancano eccellenti editor di markdown dedicati, quindi perché preoccuparsi della personalizzazione di VSCode? Ci sono diverse ragioni:

  • Compatibilità multipiattaforma : VSCode funziona perfettamente su tutte le principali piattaforme, tra cui Windows, macOS e Linux.
  • Ricco set di funzionalità : VSCode ha funzionalità che possono rendere la vita di qualsiasi scrittore molto più semplice. Ad esempio, la sua integrazione Git consente il controllo delle versioni dei tuoi documenti.
  • Layout flessibile : la possibilità di visualizzare più documenti o più sezioni dello stesso documento affiancati rende la scrittura di contenuti lunghi molto più comoda.
  • Costi e licenza : a differenza di alcuni editor Markdown premium, VSCode è completamente gratuito e open source.
  • Anteprima markdown integrata : VSCode può visualizzare in anteprima il testo formattato in Markdown, consentendoti di vedere immediatamente cosa stai facendo.
  • Estensibilità : forse il vantaggio più significativo è il vasto ecosistema di estensioni di VSCode che consente di personalizzare l’editor in base alle proprie esigenze specifiche.

Se tutto questo ti sembra una buona idea, vai avanti e installa VSCode . Ti mancano solo poche estensioni per trasformare VSCode in un eccellente editor Markdown.

Estensioni essenziali per la modifica del markdown in VSCode

Per prima cosa, correggi la più grande limitazione di VSCode come editor Markdown: la mancanza di supporto per le scorciatoie di formattazione Markdown. Scegli tra Markdown All in One e Markdown Editor .

Vscode Markdown tutto in uno
Pagina di estensione Markdown All in One

Personalmente consiglio Markdown All in One, in quanto è in fase di sviluppo attivo, mentre Markdown Editor è stato aggiornato l’ultima volta nel 2021. L’unica ragione per cui menziono Markdown Editor è la sua natura What You See Is What You Get (WYSIWYG). Invece di usare scorciatoie o digitare manualmente la formattazione Markdown, evidenzia un pezzo di testo e premi un pulsante per renderlo in grassetto, trasformarlo in un titolo, ecc.

Per installare una delle due estensioni, vai alla scheda Estensioni e usa la barra di ricerca per trovare l’estensione che hai scelto. Fai clic sul pulsante Installa e l’estensione verrà attivata.

Ora installiamo un correttore ortografico. Non c’è dubbio che l’opzione migliore sia Code Spell Checker . Supporta i documenti Markdown fin da subito e puoi installare decine di dizionari di lingua aggiuntivi se scrivi in ​​lingue diverse dall’inglese.

Controllo ortografico del codice Vscode
Controllo ortografico del codice in azione

Una volta installato, evidenzierà le parole con errori di ortografia e suggerirà le correzioni. Questo è prezioso per catturare quegli odiosi errori di battitura che possono sfuggire anche alla più attenta revisione.

Sei quasi pronto per iniziare a usare VSCode come un potente editor Markdown, ma ti manca ancora un’estensione importante: markdownlint .

Controllo Markdown Vscode
Dimostrazione dell’estensione Markdownlint

Markdownlint è uno strumento di linting e controllo dello stile per Markdown. Aiuta a far rispettare la coerenza e le best practice nella scrittura Markdown. Quando hai installato markdownlint, evidenzierà tutte le righe che violano le sue regole con una sottolineatura verde ondulata.

L’estensione verifica un’ampia gamma di potenziali problemi, da livelli di intestazione incoerenti e indentazione di elenco a spazi finali e lunghezza di riga. Può persino rilevare problemi più sottili, come URL nudi o testo alternativo mancante per le immagini.

Ora dovresti avere tre estensioni Markdown installate in VSCode. Puoi fermarti qui e passare alla sezione successiva, oppure installare un paio di estensioni in più: Markdown Links , che aggiunge un comando “Show Graph” che visualizza una rappresentazione visiva dei link locali tra i file Markdown nella tua directory di lavoro corrente, e Markdown Preview Github Styling , che fa sì che la funzionalità di anteprima Markdown nativa imiti l’aspetto del rendering Markdown di GitHub.

Tema Vscode Drakula
VSCode con il tema ufficiale di Dracula

Sebbene VSCode sia, a mio parere, un editor visivamente accattivante, anche nella sua forma standard, è bene sapere che è possibile personalizzarne l’aspetto installando un tema facilmente reperibile. Ci sono migliaia di temi tra cui scegliere, ma diverse opzioni spiccano quando si tratta di editing Markdown:

  • Dracula Official : probabilmente il tema più popolare al mondo, il suo elevato contrasto lo rende eccellente per lunghe sessioni di scrittura e il suo sviluppo molto attivo garantisce la compatibilità con le versioni future di VSCode.
  • Tema GitHub : questo tema è perfetto per le persone daltoniche e per coloro che pubblicano spesso i propri contenuti Markdown su GitHub, poiché rispecchia fedelmente lo schema dei colori di GitHub.
  • Tema Panda : un tema scuro con colori tenui pensati per non affaticare la vista, ma che offrono comunque una chiara evidenziazione della sintassi.

Se soffri di affaticamento degli occhi o ti ritrovi a scrivere per lunghi periodi, dovresti dare un’occhiata anche a questo elenco di temi VSCode che non affaticano la vista.

Funzionalità avanzate che semplificano la modifica del markdown in VSCode

VSCode offre numerose funzionalità avanzate che possono rivelarsi molto utili quando si modificano testi di narrativa e saggistica formattati in Markdown.

Pulsante Vscode per visualizzare in anteprima il documento Markdown
Apri l’icona Anteprima laterale in VSCode.

La caratteristica principale che dovresti conoscere è la suddetta opzione di anteprima nativa di Markdown. Questa vista divisa ti consente di scrivere in Markdown da un lato, mentre vedi l’output formattato dall’altro.

Nota che c’è un altro pulsante proprio accanto all’icona Apri anteprima sul lato. Questo ti consente di dividere l’editor a destra e puoi tenere premuto il Optiontasto su Mac o il Alttasto su Windows/Linux per dividere l’editor in basso .

Modifica multicursore Vscode
Modifica multicursore in VSCode.

La modifica multicursore consente di apportare modifiche identiche in più punti contemporaneamente. Tieni premuto il Optiontasto su Mac o il Alttasto su Windows/Linux e fai clic dove vuoi posizionare i cursori aggiuntivi. In alternativa, seleziona una parola e premi Cmd+ Dsu Mac o Ctrl+ Dsu Windows/Linux per selezionare la successiva occorrenza di quella parola.

Creazione di frammenti in Vscode
Creazione di frammenti di markdown in VSCode.

Se ti ritrovi spesso a scrivere le stesse frasi, paragrafi e blocchi di testo più e più volte, configura la funzionalità Snippet in modo da poterli inserire all’istante. Vai su Codice -> Impostazioni -> Configura Snippet utente . Scegli l’ opzione Nuovo file Snippet per Markdown e assegna un nome allo snippet. Segui le istruzioni ufficiali per completare il processo di creazione dello snippet.

Infine, ti consiglio vivamente di familiarizzare con il controllo di versione Git in VSCode. Con il suo aiuto, puoi tracciare i cambiamenti nella tua scrittura nel tempo e tornare a una versione precedente del tuo documento se necessario. L’ introduzione ufficiale a Git in VSCode fornisce un ottimo punto di partenza.

Con le utili estensioni, temi e funzionalità descritte qui, modificare documenti Markdown in VSCode dovrebbe essere efficiente e persino piacevole. Per progetti di scrittura più ampi, come romanzi, potresti voler dare un’occhiata a Scrivener o a una delle sue alternative.

Tutte le immagini e gli screenshot sono di David Morelo.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *