​ 大家好，我是阿星，目前是一名快工作三年的前端工程师。不知道大家现在日常开发中，代码是都自己写，还是不断 tab 呢？是的，自从我使用了代码辅助工具后，50%的代码都是 AI 来帮我编写。我负责审核和校验。不知道大家使用过哪些代码辅助工具，但是我使用过了很多了，从最初的 github copilot 到目前使用的 通义千问。再到今天体验的腾讯云 AI 代码助手。下面就让我带你了解一下这三个代码辅助工具，如果你还没有使用过类似的工具，看完这篇文章，你应该会知道你想要哪一个：

github copilot

github copilot 是 github（也就是微软）发布的编程助手，官方称：“世界上采用最广泛的人工智能开发工具”。但是我想加一句：每月 10 刀（也就是 70 多元）。好用是真的很好用，上下文理解的很清楚，总是能给出我想要写的代码。而且我最后一次使用的时候它还支持了@workspace ，也就是将整个工作区（项目所有代码）作为预设，也就是它会在本地把所有代码都读一遍，然后给你回复。但是经过测试，效果不是很好，因为很慢，而且有时候回复的也不对，关于github copilot 更多信息，参考官方和我之前的文章：

https://github.com/features/copilot

https://mp.weixin.qq.com/s/lTx0oftKdFSHgKiPMQTkug，

总结一下：github copilot 是目前我心目中最好的编程助手，但是它有两大缺点，

需要花钱，而且很贵，如果你是给开源项目的贡献者，应该可以免费获取

集成到 VSCode ，需要本地开启🪜，要不然有时候会回复失败。。

通义千问

这个是我目前每天都在使用的编程工具，官方称：“你的智能编码助手”。下面介绍一下我日常如何使用它吧！

下载

进入官网：https://tongyi.aliyun.com/lingma/，点击个人免费使用，然后，点击立即安装，如果你使用 IEDA 家族的，可以参考官方按顺序操作就好

image-20240601185553210

我使用 VSCode，下载好了，可以看到，然后我们需要登录一下

image-20240601185820704

我们可以看到左侧多了一个图标，我们点击它：

image-20240601190243324

可以看到一个对话框内嵌到了编辑区，

这里我们可以通过右上角来修改一些通义灵码的配置，新建对话，查看对话历史，反馈问题和查看使用手册

我们可以通过下面的对话框通过输入“/”来做一些预设的事情，也可以直接发消息，进行提问，例如：“给我生成一个判断字符串是否是 URL 的 JavaScript 工具方法”。它就会帮我们生成

image-20240601191428070

这里它贴心的给我们了最常用的操作：插入到现有的代码文件中，复制，和新建文件存储这段代码。👍

image-20240601191811791

这里我们写好了一个 copyToClipboard 代码，但是它还没有注释，我们发现方法名上有一个通义的图标，我们点击它就可以看到弹窗，我们可以直接去生成注释

当然，日常我们最常使用的还是它给我们进行代码提示：

image-20240601192148037

这里我们可以看到灰色部分就是 通义灵码 帮我们生成的，代码好像没有问题，就只需要引入一下 对应的 hooks 就好了，真的好用

我们还可以写一段逻辑，然后让 通义灵码来帮我们生成代码

image-20240601192357734

可以看到，它帮我生成了我想要的方法。

我们还可以通过一些快捷键，鼠标右键唤起 通义灵码，我们还可以生成代码后进行代码对比，这里就不演示了，可以自己去使用

个人使用通义灵码快半年了，我觉得它越来越好用，并且真的提高了我开发效率，如果你还没有一个编程助手，快点击链接和我一起使用：https://developer.aliyun.com/topic/lingma/activities/202405?taskCode=16245&recordId=ff77dc8f9926b90abfce0be366e111e4#/?utm_content=m_fission_1

腾讯云 AI 代码助手

我们进入官网：https://console.cloud.tencent.com/acc，下载安装，登录后，我们可以看到

image-20240601193902929

和通义千问差不多的页面，但是它支持了更多的能力，

@terminal：询问终端操作

image-20240601194142983

@vscode：询问 VScode

image-20240601194107331

@workspace ：询问工作区

image-20240601194233358

回答的还真不错，👍

/comments：给代码添加文档注释

/explain：解释代码

/fix：修复代码

/newNotebook：创建笔记本

/test：为选中代码生成单元测试

/help：帮助文档

/clear：新开一个聊天

我们再测试一下辅助编程的能力

image-20240601194602482

它和其他辅助工具的区别是，它每次只会生成一行的代码，我感觉这个生成的代码应该会更加准确一点，相比较通义千问，缺点就是需要按很多次 tab，但是呢！我测试官方的示例：“写一个函数判断字符串是否只有纯字母组成”

如果我的注释使用//就无法为我生成代码，必须使用 /** */ 这种。总体感觉还是很强的，我打算使用一个星期，看看它和通义灵码谁更好一点

到这里就结束了，github copilot 是要花钱的，腾讯的和阿里的不需要花钱，你会怎么选呢？国内其实还有 codegeex :https://codegeex.cn/zh-CN 也是很多人推荐的，我没有使用过，如果你感兴趣，也可以区体验一下！

最后我想说，AI 的到来无法阻挡，我们只能早点学会，让它成为我们的帮手，来帮我们变得更厉害！