Member-only story

πŸ“’ Creating Presentations in VS Code using Marp

Dr. Soumen Atta, Ph.D.
3 min readMar 7, 2025

--

πŸ“’ Creating Presentations in VS Code using Marp by Dr. Soumen Atta on Medium

🎯 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
---

🎭 Available Themes

--

--

Dr. Soumen Atta, Ph.D.
Dr. Soumen Atta, Ph.D.

Written by Dr. Soumen Atta, Ph.D.

I am a Postdoctoral Researcher at the Faculty of IT, University of JyvΓ€skylΓ€, Finland. You can find more about me on my homepage: https://www.soumenatta.com/

No responses yet

Write a response