Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue block-code renderer for VScode default Markdown PreviewerNew to Visual Studio Code? Get it now.
Vue block-code renderer for VScode default Markdown Previewer

Vue block-code renderer for VScode default Markdown Previewer

Saunders Hwu

| (0) | Free
An extension for rendering Vue code block in Markdown default Previewer of VScode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue block-code renderer for VScode default Markdown Previewer

Features

This extension fits the default Markdown Previewer in VScode, enhancing the highlighting display of Vue block code, just as what can be done while you're editing an .vue file in an IDE.

The core function of this extension is implemented via Shiki. Hence the display theme of the Vue block code in preview mode needs to be configurated seperatedly. An entrance to modify its theme is featured and can be accessed in the extension's settings interface. You can choose various themes supported by Shiki.

Requirements

This extension is developed and released on Version 1.128 of VScode, following the extension development instructions of VScode. You may refer to:

https://github.com/markdown-it/markdown-it/blob/master/docs/development.md

https://markdown-it.github.io/markdown-it

Any tech supports for further releases of VScode on this extension are not guaranteed.

Extension Settings

Known Issues

Release Notes

0.0.2

For more information

  • Visual Studio Code's Markdown Support
  • Markdown Syntax Reference
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft