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

2023-11-14 ai cody sourcegraph

看到一个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中，可以直接运行，结果如下