Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>WireViz YAML code block injectionNew to Visual Studio Code? Get it now.
WireViz YAML code block injection

WireViz YAML code block injection

Lorin

|
1 install
| (0) | Free
Highlights wireviz fenced code blocks in Markdown using YAML grammar
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

WireViz as YAML

Adds YAML syntax highligting for WireViz fenced code blocks.

This only affects editor syntax highlighting; rendering the diagram in the Markdown preview is not affected. You can for example use the Markdown Kroki extension to show WireViz diagrams.

Usage

Create cable harness in markdown using wireviz fenced code blocks:

```wireviz
connectors:
  X1:
    ...
```

Example:

connectors:
  X1: &boo
    type: Molex Micro-Fit
    subtype: male
    pinlabels: [GND, VCC]
  X2: &con_power_f # define template
    type: Molex Micro-Fit
    subtype: female
    pinlabels: [GND, VCC]
  X3:
    <<: *con_power_f # create from template
  X4:
    <<: *con_power_f # create from template

cables:
  W1: &wire_power # define template
    colors: [BK, RD] # number of wires implicit in color list
    gauge: 0.25 # assume mm2 if no gauge unit is specified
    show_equiv: true
    length: 0.2
  W2:
    <<: *wire_power # create from template
  W3:
    <<: *wire_power # create from template
    gauge: 20 awg

connections:
  -
    - X1: [1-2]
    - W1: [1-2]
    - X2: [1-2]
  -
    - X1: [1-2]
    - W2: [1-2]
    - X3: [1-2]
  -
    - X1: [1-2]
    - W3: [1-2]
    - X4: [1-2]
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft