Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mermaid Class ToolsNew to Visual Studio Code? Get it now.
Mermaid Class Tools

Mermaid Class Tools

OmojiP

|
6 installs
| (0) | Free
Markdown内のMermaid記法をアシスト (リネーム / 矢印の向き反転 / 矢印の役割表示)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mermaid Class Tools

chatGPTに作ってもらった Markdown内のMermaid記述を支援するVS Code拡張機能です。

使い方

リネーム

  • リネームしたい単語ブロックの上でF2を押し、名前を変更します

矢印の反転

  1. MermaidコードブロックのあるMarkdownファイルを開く
  2. 矢印のある行にカーソルを移動
  3. Ctrl + .(MacはCmd + .)を押すと、その行の矢印が反転

矢印の役割確認

  • 矢印にカーソルを重ねると矢印の役割説明が表示されます

適用例

classDiagram
    class a
    class b
    a --> b

が以下のように変換されます:

classDiagram
    class a
    class b
    b <-- a

インストール方法

extension.jsをvscodeで開いてF5を押すとテストできます

vscodeの拡張機能タブ→…→VSIXからのインストールから、vsixファイルを選択するとインストールできます

GitHub

https://github.com/OmojiP/mermaid-class-tools

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