VSCodeでタイミングチャートを作成する WaveDrom

はじめに
Waveform Render
使い方
まとめ

はじめに

VSCodeでタイミングチャートを作成します。

プラグインはWaveform Renderを使用します。

Waveform Render

Waveform RenderはWaveDromをVSCodeで使用するためのプラグインです。

使い方

まず、ExtensionsでWaveform Renderをインストールします。

インストール後、サンプルをコピーして保存します。

sample.json

{
    "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." }
    ]
}

「Ctrl＋Shift+p」で「Waveform Render: Toggle Live Preview」を実行してプレビューを起動します。