Marp for VS Code
Create slide deck written in Marp Markdown on VS Code.
We will enhance your VS Code as the slide deck writer. Mark
Marp features will be enabled when
It also can toggle by opening the quick picker from toolbar icon and selecting "Toggle Marp feature for current Markdown". (
Preview Marp Markdown
Marp for VS Code can preview your Marp Markdown with the same way as a native Markdown preview.
IntelliSense for Marp directives
If enabled Marp feature by
Marp for VS Code can suggest global/local directives supported by Marp ecosystem. We remember all so you may forget them! :stuck_out_tongue:
Some directives such as
Highlight and hover help
The key of recognized directives are highlighted in the different color from the around. This visualization may help to find out meaningless definitions.
And you can see the help of a defined directive by hovering cursor on the recognized directive.
Marp for VS Code can detect some basic problems in Marp directives.
Export slide deck to HTML, PDF, PPTX, and image :shield:
We have integrated Marp CLI to export your deck into several formats.
To export the content of active Markdown editor, open the quick pick from Marp icon on toolbar and select "Export slide deck...". (
You can also execute command from the Command Palette (F1 or Ctrl/Cmd+Shift+P).
Supported file types
Default file type can choose by
Use custom theme CSS :shield:
It's very similar to a way for using custom styles in ordinary Markdown preview. The registered theme can use by specifying theme name in
Markdown preview will reload updated theme CSS automatically when you edited the registered local CSS file. It's very useful for creating your own theme.
When Marp Markdown is enabled, you can use the extended outline view like following. They are enabled by default but you may disable by
Outline view for each slide
We extend the outline view to support slide pages in Marp Markdown.
Slide folding in editor
You can fold the content of slide in editor while editing Marp Markdown.
Some features that may met malicious are restricted in the untrusted workspace/window. Please read VS Code's user guide for details.
Features may be restricted are marked by the shield icon 🛡️ in this documentation. Marp for VS Code is available even if the current workspace is not trusted but you can use only a basic Marp preview and IntelliSense.
Enable HTML in Marp Markdown :shield:
You can enable previsualization of HTML code within Marp Markdown with the
It could allow script injection from untrusted Markdown files. Thus, this feature is disabled as a default and will be always ignored in the untrusted workspace. Use with caution.
Managed by @marp-team.
This extension releases under the MIT License.