Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Waveform RenderNew to Visual Studio Code? Get it now.

Waveform Render

Borja Penuelas

|
11,593 installs
| (4) | Free
Draw timing diagram waveforms with WaveDrom inside VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Render waveforms with WaveDrom inside VSCode


:page_with_curl: Open a JSON file containing a WaveDrom waveform, like

{ signal: [
  { name: "clk",         wave: "p.....|..." },
  { name: "Data",        wave: "x.345x|=.x", data: ["head", "body", "tail", "data"] },
  { name: "Request",     wave: "0.1..0|1.0" },
  {},
  { name: "Acknowledge", wave: "1.....|01." }
]}


:musical_keyboard: press (ctrl+k followed by ctrl+d), or (ctrl+shift+p followed by Waveform Render: Draw) to draw the waveform in your editor

or

:arrows_clockwise: press (ctrl+k followed by ctrl+l), or (ctrl+shift+p followed by Waveform Render: Toggle Live Preview) to get the waveform updated as you type



:rainbow: and you will get a new tab with a nice waveform rendered inside your text editor waveform render vscode example


You can find the complete syntax here.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft