https://github.com/nuxtlabs/vscode-mdc

Provides syntax highlighting and colon matching for MDC (Markdown Components) files for Nuxt Content.
https://github.com/nuxtlabs/vscode-mdc

markdown mdc nuxt-content vscode-extension

Last synced: 3 months ago
JSON representation

Provides syntax highlighting and colon matching for MDC (Markdown Components) files for Nuxt Content.

• Host: GitHub
• URL: https://github.com/nuxtlabs/vscode-mdc
• Owner: nuxtlabs
• License: mit
• Created: 2021-06-30T16:39:05.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-14T10:41:17.000Z (6 months ago)
• Last Synced: 2024-05-14T11:44:52.695Z (6 months ago)
• Topics: markdown, mdc, nuxt-content, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc
• Size: 379 KB
• Stars: 61
• Watchers: 3
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# MDC syntax highlight for Visual Studio Code

[![MDC Extension for VS Code][extension-version-src]][extension-href]

[![MDC Extension for VS Code][extension-downloads-src]][extension-href]

[![MDC Extension for VS Code][extension-installs-src]][extension-href]

Provides syntax highlighting and colon (`:`) matching for MDC (Markdown Components) files.

- [Download VS Code extension](https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc)

Best used with:

- [Remark MDC](https://github.com/nuxtlabs/remark-mdc)

- [Markdown It MDC](https://github.com/antfu/markdown-it-mdc)

Or with Nuxt modules:

- [Nuxt MDC](https://github.com/nuxt-modules/mdc)

- [Nuxt Content](https://content.nuxt.com)

## Features

### Block Components

```md

::card

---

icon: IconNuxt

title: A complex card.

---

Default slot

#description

  ::alert

    Description slot

  ::

::

```

### Inline Components

```md

:button-link[A button link]{.text-bold}

:button-link{.text-bold}[A button link]

```

### Span Text

```md

Hello [World]!

```

### Attributes

```md

Hello [World]{.text-primary-500}!

[Link](#link){.text-primary-500 ref="noopener"}!

**Bold Text**{style="color: tomato"}

`Inline Code`{style="background: #333"}

_Italic Text_{#italic_text}

```

### For more information

* [MDC Syntax Reference](https://content.nuxt.com/usage/markdown#introduction)

[extension-href]: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc

[extension-version-src]: https://img.shields.io/visual-studio-marketplace/v/Nuxt.mdc?label=Visual%20Studio%20Code&style=flat&colorA=020420&colorB=28CF8D

[extension-downloads-src]: https://img.shields.io/visual-studio-marketplace/d/Nuxt.mdc?style=flat&colorA=020420&colorB=28CF8D

[extension-installs-src]: https://img.shields.io/visual-studio-marketplace/i/Nuxt.mdc?style=flat&colorA=020420&colorB=28CF8D