Markdown Cheatsheet & Tools for Writing in VSCode

Markdown Cheatsheet & Tools for Writing in VSCode

A practical guide to Markdown syntax and the best tools to enhance your writing workflow in VSCode.

📝 Markdown Cheatsheet & Tools for Writing in VSCode

Markdown is a lightweight markup language that makes formatting text easy and readable. Whether you’re writing documentation, blog posts, or notes, Markdown keeps things clean and simple. This guide offers a quick cheatsheet and introduces powerful VSCode extensions and tools to supercharge your Markdown workflow.


📌 Markdown Cheatsheet

Here’s a quick reference for commonly used Markdown syntax:

Headings

# H1

## H2

### H3

#### H4

##### H5

###### H6

### Emphasis

```markdown
_italic_ or _italic_
**bold** or **bold**
~~strikethrough~~
```

### Lists

```markdown
- Item 1
- Item 2
  - Subitem

1. First
2. Second
```

### Links & Images

```markdown
[Link text](https://example.com)
![Alt text](image.jpg)
```

### Code

````markdown
Inline `code`

```js
// Code block
console.log('Hello Markdown');
```

### Blockquotes

```markdown
> This is a quote.

Tables

| Name  | Age |
| ----- | --- |
| Alice | 24  |
| Bob   | 30  |

⚙️ VSCode Extensions for Markdown

Enhance your Markdown experience in VSCode with these top extensions:

Markdown All in One

  • Keyboard shortcuts for formatting
  • Table of contents generation
  • Auto preview and linting

Markdown Preview Enhanced

  • Supports diagrams (Mermaid, PlantUML)
  • Math rendering with LaTeX
  • Export to PDF, HTML, PNG

Paste Image

  • Paste screenshots directly into Markdown
  • Automatically saves and links image files

Markdownlint

  • Lints your Markdown for style and consistency
  • Helps enforce best practices

Docsify or Docusaurus Snippets

  • Snippets for static site generators
  • Speeds up documentation writing

🧰 Other Helpful Tools

Typora

  • WYSIWYG Markdown editor
  • Real-time preview
  • Great for distraction-free writing

Obsidian

  • Markdown-based knowledge management
  • Graph view and backlinks
  • Ideal for personal wikis and note-taking

Dillinger

  • Online Markdown editor
  • Export to multiple formats
  • Simple and browser-based

Pandoc

  • Converts Markdown to PDF, DOCX, HTML, and more
  • Powerful for academic writing and publishing

🚀 Final Thoughts

Markdown is a writer’s best friend—simple, portable, and powerful. With the right tools and extensions, you can turn VSCode into a full-fledged Markdown powerhouse. Whether you’re documenting code, writing articles, or managing notes, these tools will help you stay productive and organized.

Related Posts