Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Markdown Extension PackNew to Visual Studio Code? Get it now.
Markdown Extension Pack

Markdown Extension Pack

Will 保哥

duotify.com
|
5,933 installs
| (21) | Free
Popular Visual Studio Code extensions for Markdown authoring
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Extension Pack

This extension pack packages some of the most popular (and some of my favorite) Markdown extensions. If you like it, please leave your Rating & Review and share with your friends. If you know any extension that is good for Markdown authoring, just let me know by creating an issue.

Extensions Included

Linting Tool

  • markdownlint

    Markdown linting and style checking for Visual Studio Code. Check Rules for more details.

    When you get rule violations (wavy underlined text) in a doc, it support Quick Fix.

    Useful Shortcuts:

    • Windows
      • Ctrl + . : Quick Fix
    • macOS
      • ⌘ + . : Quick Fix

    I use markdownlint to validate my Markdown files. But some of the rules might break your content by accident if you enabled Editor: Format On Save (editor.formatOnSave) setting. Below is my .markdownlint.json file which disabled some rules that I don't need. Especially the MD044 - Proper names should have the correct capitalization might broken some of the Terms in your doc.

    {
      "MD001": false,
      "MD012": false,
      "MD013": false,
      "MD028": false,
      "MD034": false,
      "MD041": false,
      "MD044": false,
      "MD029": {
        "style": "ordered"
      }
    }
    

Editing Tools

  • Markdown All in One

    Useful Shortcuts:

    • Windows
      • Ctrl + B : Toggle bold
      • Ctrl + I : Toggle italic
      • Alt + S : Toggle strikethrough
      • Alt + C : Check/Uncheck task list item
      • Ctrl + Shift + ] : Toggle heading (uplevel)
      • Ctrl + Shift + [ : Toggle heading (downlevel)
      • Alt + Shift + F : Format Document with a Table formatter
    • macOS
      • Alt + C : Check/Uncheck task list item
      • Cmd + B : Toggle bold
      • Cmd + I : Toggle italic
      • Cmd + Shift + ] : Toggle heading (uplevel)
      • Cmd + Shift + [ : Toggle heading (downlevel)
      • Alt + Shift + F : Format Document with a Table formatter
  • Markdown Paste

    Useful Shortcuts:

    • Ctrl + Alt + V : Simply copy a image to Clipboard then use Ctrl+Alt+V to paste into your doc.

      You can paste not only images, but also any Text, HTML, Rich-Text to Markdown.

  • Excel to Markdown table

    Useful Shortcuts:

    • Shift + Alt + V : Copy a region of Excel Spreadsheet then use Shift+Alt+V to paste into a markdown doc in a table from.
  • CSV to Markdown Table Converter

    Paste CSV to Markdown doc. Select the corresponding text to CSV. Hit F1 and select Convert CSV to Markdown Table command. Done!

Markdown Preview enhancements

  • Markdown Preview Github Styling

    Changes VS Code's built-in markdown preview to match GitHub's styling.

  • Markdown Image Size

    Adds ![](https://raw.githubusercontent.com/doggy8088/markdown-extension-pack/main/IMAGEURL =100x200) image size syntax support to VS Code's built-in Markdown preview.

    Azure DevOps's Wiki page support resize image syntax.

  • Markdown Preview Mermaid Support

    Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview

    It support both ::: mermaid and ```mermaid syntax.

    Azure DevOps's Wiki page support Mermaid diagram syntax.

  • Markdown Emoji

    Adds :emoji: syntax support to VS Code's built-in Markdown preview.

  • Markdown yaml Preamble

    Renders YAML front matter as a table in the built-in markdown preview.

  • Markdown Footnotes

    Adds [^1] footnote syntax support to VS Code's built-in Markdown preview

Misc. Utilities

  • Gremlins tracker for Visual Studio Code

    Reveals some characters that can be harmful because they are invisible or looking like legitimate ones.

  • Copy Markdown as HTML

    I'll turn markdown into HTML and put it onto Clipboard. No file will be generated. It is very useful that when I writing posts.

  • EditorConfig for VS Code

    You can right-click on any folder in the EXPLORER pane and choose Generate .editorconfig command.

    root = true
    
    [*]
    indent_style = space
    indent_size = 4
    end_of_line = crlf
    charset = utf-8
    trim_trailing_whitespace = true
    insert_final_newline = false
    
    [*.md]
    indent_size = 2
    

Customizable Shortcuts

  1. Insert Snippet (editor.action.insertSnippet)

    Ctrl + K : Insert Link on selected text

    Your can just paste link from clipboard on selected text if you installed Markdown All in One extension which is already included in this extension pack.

  2. Snippets for Markdown (editor.action.triggerSuggest)

    Ctrl + Space : Trigger suggest

  3. Markdown: Open Preview (markdown.showPreview)

    I'll remove the built-in Ctrl + Shift + V for this command. There is another shortcut registered below:

    Ctrl + Shift + Alt + P : Open Preview

  4. Markdown: Open Preview to the side (markdown.extension.togglePreview)

    The default Ctrl + K V will not available if your installed Markdown All in One. So you have to customize the built-in Keyboard Shortcuts to Ctrl + Shift + V.

    Ctrl + Shift + V : Open Preview to the side (The 2nd editor)

    You can hit the same hotkey to close the Preview.

Extensions NOT Included but might be useful

You need to install the following extensions manually if you need:

  • Markdown Preview Enhanced

    Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown.

  • Prettier - Code formatter

    There is a Format Document (Forced) command (prettier.forceFormatDocument) that can format your Markdown document by force!

    I'll bind Ctrl + Alt + Shift + F hotkey to this command.

  • Markdown+Math

    If you want to use this extension, please remember disable math.enabled option.

  • Medium to Markdown

    Import your Medium posts into Markdown in your editor.

Code Snippets

Prefix Description
``` fenced code blocks
details Use <details> element in Markdown

Useful links

  • Markdown and Visual Studio Code

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft