JavaScript AI 通义灵码 VSCode插件安装与功能详解

【直播】基于昇腾的大模型创新应用和实践指南

简介

通义灵码是由阿里云技术团队打造的智能编码助手。它基于通义大模型，能够提供：

代码续写和优化
自然语言描述生成代码
注释生成和代码解释
单元测试生成
研发智能问答
代码问题修复等功能。

通义灵码官网：https://tongyi.aliyun.com/lingma/

通义灵码支持：JetBrains IDEs、Visual Studio Code、Visual Studio，及远程开发场景（Remote SSH、Docker、WSL、Web IDE），安装后登录账号即可开始使用。

对于JavaScript开发者而言，最常见的开发环境就是VSCode，因此本文将介绍如何在VSCode中安装配置通义灵码，并演示其功能。

安装指南

请确保你已经安装了VSCode，本文不再赘述安装过程（详见：Visual Studio Code 入门）。 VSCode三端的插件安装方式基本一致，本文以Windows为例，介绍如何在VSCode中安装通义灵码插件。对于VSCode而言,通义灵码的使用非常简单，只需要在VSCode中安装插件即可。

使用插件市场安装通义灵码已上架VSCode插件市场，在VSCode中打开插件市场，搜索"TONGYI Lingma"即可找到插件，点击安装即可。
使用插件安装包安装单击下方链接，下载 Visual Studio Code 的 VSIX 安装包；

下载完成后，打开 VSCode，点击左侧的扩展图标，点击"从VSIX安装"，选择下载好的 VSIX 文件即可。

安装完成后VSCode的左侧会多出一个通义灵码的图标，点击即可进入插件界面。

点击立即登录，同意用户协议，会跳转到登录页面。

通义灵码支持多种登录方式，包括账号密码登录、手机号登录、支付宝、阿里云、淘宝、钉钉登录。

登录后即可使用通义灵码的各项功能。

功能演示

代码续写

通义灵码提供了行级和函数级的代码补全功能。当你在 IDE 编辑器区进行代码编写时，在开启自动云端生成的模式下，通义灵码会根据当前代码文件及相关代码文件的上下文，自动为你生成行级/函数级的代码建议，此时你可以使用快捷键采纳、废弃，或查看不同的代码建议。

同时，当你在编码的过程中，也可以通过快捷键 ⌥ P 手动触发生成代码建议。

开发小提示：为了让代码补全功能更贴近我们想要的结果，我们可以先写代码注释描述其功能。例如上图所示

编辑器中代码建议相关操作的快捷键如下：

| 操作 | macOS | Windows | | ----------- | ----------------- | --------- | | 接受行间代码建议 | Tab | Tab | | 废弃行间代码建议 | esc | esc | | 查看上一个行间推荐结果 | ⌥(option) + [ | Alt+[ | | 查看下一个行间推荐结果 | ⌥(option)+] | Alt+] | | 手动触发行间代码建议 | ⌥(option)+P | Alt+P |

并不是所有的代码文件都需要使用代码提示，比如在调试css的时候我们不希望出现代码提示，这时候就可以禁用行间生成。

代码注释

通义灵码提供了代码注释功能，它可以根据你的代码生成对应的注释，方便代码阅读和维护。使用代码注释需要先选中需要注释的代码,代码左上角会出现一个按钮，点击即可选择代码注释功能。

也可以用快捷键shift+alt+V,或者右键菜单中也有代码注释功能。

会在左侧显示代码注释结果

我们可以通过通义灵码给我们返回的代码块右上角的按钮进行操作。包括插入，复制，新建和合并（diff）操作，一般注释是使用插入来把原代码替换成有注释的代码。

代码解释

代码解释与代码注释不同，注释是为了让代码更易读，而代码解释是告诉你代码为什么这么写。与代码注释相同，选中代码后，点击通义灵码的代码解释按钮，通义灵码会根据你的代码生成对应的解释。

单元测试生成

对于软件开发而言，测试是极其重要的，甚至有测试用例先行的情况。通义灵码提供了生成代码的单元测试的功能，并告诉你为什么要测试这些用例。与代码注释相同，选中代码后，点击通义灵码的生成单元测试代码，通义灵码会根据你的代码生成对应的单元测试代码。

它还会告诉你为什么要测试这些用例。

生成的测试用例代码

测试用例代码一般是复制后到一个专门的测试用例文件中，方便后续测试。也可以用新建文件，通义灵码会再帮你创建一个测试用例文件。

代码优化

单个人进行开发很难做到面面俱到，偶尔会出现一些代码遗漏的地方，比如错误处理，边界值处理和参数校验等。在团队开发中通常会存在结对编程互审代码或者团队代码 reviews。现在有了通义灵码，你可以通过通义灵码来辅助你进行代码优化，比如代码错误处理，边界值处理和参数校验等。

代码优化一般使用合并（diff）操作来把原代码替换成优化后的代码。

智能问答

通义灵码提供了智能问答功能，它可以对你的问题做出回答，你也可以让他进行代码创作。

实际上在之前的功能中也有智能问答的展示，之前的很多功能都是基于智能问答实现的，他们只不过是在智能问答的时候输入了合适的上下文（甚至是文件），以单元测试生成为例，实际上就是向智能问答提问：这段代码的单元测试用例怎么写。

智能问答现在可以选择不同的大模型了，可以选择通千问的大模型，也可以选择时下很火的deep seek 大模型。

会话创建和清理

智能问答是一个持续对话的过程，你可以持续进行提问，但大模型也会因此记录你之前的提问信息，可能会影响后续的回答，比如你一直在问JavaScript如何使用循环，突然想了解多线程相关的内容，智能问答会认为你想了解的是JavaScript的多线程，并继续进行回答。可以通过会话创建和清理来清理大模型记录的提问信息，你可以选择会话创建和清理，也可以选择会话清理。清理会话：在对话框中输入/clearContext，然后点击确定即可。创建新会话：在对话框中中输入/newTask，然后点击确定即可。

AI程序员

AI程序员是用来帮助开发者进行编码工作的，它可以通过对话的方式根据你的需求描述和要求，对整个项目进行代码开发，代码审查和代码变更。换句话说，现在你才是产品经理，你来指导ai进行代码开发，你可以要求ai创建一个项目

也可以让ai生成一些代码

可以看见ai帮你生成了一些代码，但最后你还得自行选择是否接受他生成的代码，最终决定权还在你自己。

简介