Member-only story
π’ Creating Presentations in VS Code using Marp

π― Introduction
Markdown is a powerful and lightweight markup language widely used for documentation, blogging, and presentations. Marp (Markdown Presentation Ecosystem) makes it easy to create slides directly from Markdown in VS Code, allowing users to preview, customize, and export presentations effortlessly.
In this guide, youβll learn how to:
- Install and configure Marp in VS Code
- Write slides using Markdown syntax
- Customize your presentation with themes and styles
- Export slides to PDF or PowerPoint (PPTX)
Letβs get started! π
π§ Step 1: Install Marp in VS Code
To use Marp in VS Code, follow these steps:
1οΈβ£ Open VS Code
2οΈβ£ Navigate to the Extensions tab (Ctrl + Shift + X
)
3οΈβ£ Search for Marp for VS Code
4οΈβ£ Click Install
Once installed, Marp will enable Markdown-based slide previews and export functionalities.
β Step 2: Writing Your First Slide Deck
Marp uses three dashes (---
) to separate slides. Create a new file with a .md
extension (e.g., presentation.md
) and start writing your slides.
π Example of a Basic Slide Deck
---
# π€ Welcome to Marp
Create stunning slides using **Markdown** in VS Code.
---
## β¨ Features of Marp
- π Write slides in Markdown
- π¨ Supports themes and styles
- π€ Export to PDF, PPTX, and HTML
---
## π₯ Code Support
```python
print("Hello, Marp!")
π More Customizations
Press β
or β
to navigate.
π **Explanation:**
- `#` creates slide titles
- `---` separates slides
- Code blocks are enclosed within triple backticks
---
## π¨ Step 3: Customizing Slide Styles
Marp supports **themes and styles** to enhance slide appearance. You can set themes using **YAML Front Matter** at the top of your file.
### π Applying a Theme
```markdown
---
theme: gaia
---