Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mermaid Sequence NumberNew to Visual Studio Code? Get it now.
Mermaid Sequence Number

Mermaid Sequence Number

kkenya

|
4,049 installs
| (3) | Free
decorate editor for mermaid sequence diagram
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mermaid Sequence Number

Visual Studio Code's extension for Mermaid. This extension decorate each line on editor when autonumber is turned on in the sequence diagram.

Usage

  1. Write sequence diagram turn on autonumber like example.

sequence diagram preview

  1. Each message is decorated on editor.

sequence number sample for dark theme

Theme

Dark theme

sequence number sample for dark theme

Light theme

sequence number sample for light theme

Support

  • Markdown ( .md )
  • Mermaid ( .mmd )

Configuration

Limit Line

extension is applied to file less than equal 1000 lines by default.

Decoration Position

you can configure position of decoration.

after(default)

decorations are placed after message.

decoration after message

before

decorations are placed before message.

decoration before message

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