Featured

Using Emmet and Lorem Ipsum in Markdown files with Visual Studio Code | Tutorial | Front End Dev



Published
In today's video I show you how to enable Emmet for markdown files in Visual Studio Code. I also show you how to generate Lorem Ipsum placeholder text using Emmet in both markdown and HTML files.

Looking for the best value for money travel insurance that suits both travellers and digital nomads? Use my link to support this channel.
https://safetywing.com?referenceID=24741702&utm_source=24741702&utm_medium=Ambassador

Like the video? Buy me a cofee!!
https://www.buymeacoffee.com/futureweb

The following config is required to enable emmet in markdown files

"emmet.excludeLanguages": [],
"emmet.showExpandedAbbreviation": "inMarkupAndStylesheetFilesOnly",
"emmet.triggerExpansionOnTab": true,

The following config is needed for cspell to ignore your lorem text. (This example includes British English)

"cSpell.language": "en-GB, lorem",

Link to the code spell checker plugin for visual studio code

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

0:00 - Introduction
1:33 - Enable Emmet in markdown files
3:41 - Generate text with Emmet's Lorem Ipsum function
4:57 - Configure cSpell/Code Spell Checker to ignore Lorem Ipsum

#vscode #loremipsum #emmet #staticsite #jamstack
Category
Web design
Be the first to comment