VScode绘制波形图_visualstudiocode如何编程波形-优快云博客

博客介绍了Waveform Render插件的安装，其可通过特定快捷键在编辑器绘制波形。还说明了创建.json文件如test.json的方法，可参考相关链接写入内容，按特定快捷键会有相应显示，此外还给出了其他示例的效果图链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下内容部分摘自：https://my.oschina.net/SamXIAO/blog/4484572

1.安装插件：Waveform Render

在这里插入图片描述它的自我说明: 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

2.创建一个.json文件比如：test.json

在该文件下写入：
(至于如何写这种文件可以参照：https://blog.youkuaiyun.com/zt5169/article/details/104651498/)

{ 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+K ,接着按Ctrl+D，会出现如下图：
在这里插入图片描述 f

3.其他示例

示例效果图请见链接：https://my.oschina.net/SamXIAO/blog/4484572
示例1：

{ signal: [
    { name: 'A', wave: '01........0....',  node: '.a........j' },
    { name: 'B', wave: '0.1.......0.1..',  node: '..b.......i' },
    { name: 'C', wave: '0..1....0...1..',  node: '...c....h..' },
    { name: 'D', wave: '0...1..0.....1.',  node: '....d..g...' },
    { name: 'E', wave: '0....10.......1',  node: '.....ef....' }
    ],
    edge: [
      'a~b t1', 'c-~a t2', 'c-~>d time 3', 'd~-e',
      'e~>f', 'f->g', 'g-~>h', 'h~>i some text', 'h~->j'
    ]
  }

示例2：

{ signal: [
    { name: "CK",   wave: "P.......",                                              period: 2  },
    { name: "CMD",  wave: "x.3x=x4x=x=x=x=x", data: "RAS NOP CAS NOP NOP NOP NOP", phase: 0.5 },
    { name: "ADDR", wave: "x.=x..=x........", data: "ROW COL",                     phase: 0.5 },
    { name: "DQS",  wave: "z.......0.1010z." },
    { name: "DQ",   wave: "z.........5555z.", data: "D0 D1 D2 D3" }
,
    { name: "clk",  wave: "P......" },
    { name: "bus",  wave: "x.==.=x", data: ["head", "body", "tail", "data"] },
    { name: "wire", wave: "0.1..0." }

    ,
    { name: "pclk", wave: 'p.......' },
  { name: "Pclk", wave: 'P.......' },
  { name: "nclk", wave: 'n.......' },
  { name: "Nclk", wave: 'N.......' },
  {},
  { name: 'clk0', wave: 'phnlPHNL' },
  { name: 'clk1', wave: 'xhlhLHl.' },
  { name: 'clk2', wave: 'hpHplnLn' },
  { name: 'clk3', wave: 'nhNhplPl' },
  { name: 'clk4', wave: 'xlh.L.Hx' },
  {},
  {},
  { name: "Alfa", wave: "01.zx=ud.23.456789" }
],
}

示例3：

{ signal: [
   { name: 'A', wave: '01..0..',  node: '.a..e..' },
   { name: 'B', wave: '0.1..0.',  node: '..b..d.', phase:0.5 },
   { name: 'C', wave: '0..1..0',  node: '...c..f' },
   {                              node: '...g..h' }
   ],
   edge: [
     'b-|a t1', 'a-|c t2', 'b-|-c t3', 'c-|->e t4', 'e-|>f more text',
     'e|->d t6', 'c-g', 'f-h', 'g<->h 3 ms'
   ]
 }

示例4：

{
  "assign": [
    ["g0", ["^", "b0", "b1"]],
    ["g1", ["^", "b1", "b2"]],
    ["g2", ["^", "b2", "b3"]],
    ["g3", ["=", "b3"]]
  ]
}

示例5：

{ assign:[
  ["out",
    ["XNOR",
      ["NAND",
        ["INV", "a"],
        ["NOR", "b", ["BUF","c"]]
      ],
      ["AND",
        ["XOR", "d", "e", ["OR","f","g"]],
        "h"
      ]
    ]
  ]
]}