探索阿里云通义灵码的独特使用体验

最近，阿里云推出了通义灵码，开启了全面的公测。这个工具在编程时能当你的小助手，功能上和 GitHub 的 Copilot 有点像。我之前也尝试过 Cursor 这样的工具，确实在编程上帮了我不少忙，所以对阿里云的这个新玩意儿我也是满怀期待的。

通义灵码兼容 VS Code 和 JetBrains IDE。我自己用的是 VS Code，想要安装通义灵码扩展的话，只需在 VS Code 里搜索“lingma”，然后安装就能搞定了。

通义灵码 VS Code 插件

安装完成后，要登录你的阿里云账号，登录后就能马上使用了。在 VS Code 的右下角，你会看到通义灵码的图标。

我尝试写的程序和我之前用 Cursor 时做的一样，使用 JavaScript 来解析百度首页的热搜标题。

开始时，我用一个注释来生成代码，内容是：提取百度首页的热搜。通义灵码随后生成了下面的代码，并提供了几个选项。我觉得其中一个选项最合适，生成的 getBaiduHot 方法可以用 DOM 来解析 HTML 页面，提取出需要的文本。看起来很不错，我决定先保留它。

// 提取百度首页上的百度热搜

function getBaiduHot() {
    var hot = [];
    var hot_list = document.getElementsByClassName("hot-list")[0].children;
    for (var i = 0; i < hot_list.length; i++) {
        var hot_item = hot_list[i];
        var hot_item_a = hot_item.children[0];
        var hot_item_a_text = hot_item_a.innerText;
        hot.push(hot_item_a_text);
    }
    return hot;
}

光有这一段代码可不够，我们需要整套程序。因此，我在 VS Code 的侧边栏打开了通义灵码的聊天功能，可以和它进行互动。

在聊天框里我输入了：javascript 解析百度首页的内容。通义灵码立马给出了实现代码，可以直接粘到 VS Code 里用，也可以自行复制。

不过，通义灵码给出的代码是基于 fetch 的实现，不能直接在 NodeJS 上运行。我于是要求它换成 NodeJS 的版本，通义灵码立刻提供了一个用 axios 的实现。

不过运行的时候碰到个错误：DOMParser is not defined。于是我把错误信息反馈给通义灵码，结果得到了一个使用 jsdom 的解决方案。

用通义灵码玩转百度热搜，轻松获取实时数据

显而易见，要想获取百度首页的 HTML 代码，需要把之前的 getBaiduHot 方法好好结合一下。这里面提到的 document 需要变成一个参数，然后把 jsdom 解析出来的 document 对象传入。不过，通义灵码并不允许直接在选中代码后提问。你选中代码后只能选择解释、生成单元测试或者注释，这点限制确实让人有点无奈，所以只能手动提取 getBaiduHot 的 document 了。

当程序运行后，你会发现没有任何输出。很可能是 HTML 解析出现了问题，可能是 CSS 类名不对。可惜的是，通义灵码对此并没有提供解答，只能自己去看百度首页的 HTML 代码了。

经过一段时间的调整，我终于得到了最终的代码。在这个过程中，通义灵码帮了我不少忙，生成了很多基础的代码框架。作为程序员，我们的任务就是不断地调试和修改！

    // 提取百度首页上的百度热搜
function getBaiduHot(document) {
  var hot = [];
  var hot_list = document.getElementsByClassName("s-hotsearch-content")[0]
    .children;
  for (var i = 0; i  {
    const parser = new JSDOM(`${response.data}`);
    const window = parser.window;
    const doc = window.document;
    var hot = getBaiduHot(doc);
    console.log(hot);
  })
  .catch((error) => {
    console.error("Error:", error);
  });
    
    

最终的输出结果如下：

总的来看，这次使用通义灵码的体验相当不错！