轻量高效的拓扑图组件
zh

使用Cody AI学习自动生成Qunee示例代码

2023-11-14

看到一个AI学习编程的软件,可以项目,学习代码编写,我尝试将qunee demo项目导入,然后提出创建特定画布的指令,出来的结果令人惊叹,可以直接运行

官网地址

官网地址:https://about.sourcegraph.com/cody 可以下载单独程序,也可以安装IDE插件

安装cody并添加本地代码

安装后,运行,添加代码项目到本地库(右上角点击设置,选择本地仓库,然后添加),导入需要几分钟

提问,自动生成示例代码

然后聊天界面,最下方选择仓库,然后就可以提问获得示例代码,支持中文

比如: 创建Q.Graph,包含100个文本节点,并按父子关系三层结构,并使用树形布局自动布局 得到的代码如下:

// 创建Q.Graph
const graph = new Q.Graph('canvas');

// 创建根节点
const root = graph.createNode('根节点'); 

// 第一层10个节点
for(let i=0; i<10; i++) {
  const level1 = graph.createNode('第一层节点' + i);
  graph.createEdge(root, level1);

  // 第二层10个节点 
  for(let j=0; j<10; j++) {
    const level2 = graph.createNode('第二层节点' + j);
    graph.createEdge(level1, level2);
  }
}

// 创建树形布局
const layouter = new Q.TreeLayouter(graph);

// 执行布局
layouter.doLayout({
  direction: 'H', // 水平方向
  hGap: 20,
  vGap: 40
}); 

// 把图居中显示
graph.moveToCenter();

测试生成的代码

将代码拷贝到demo.qunee.com中,可以直接运行,结果如下

Next Prev