分享：前端开发使用的各类 AI Copilot 辅助开发

前言

现如今，已经有的很多合规方式可以让我们稳定使用各类AI辅助编程工具了。各类第三方应用/工具/插件，另外，国产大模型例如文心一言、讯飞星火等也都可以去体验下

注意：基于个人使用经验以及开发习惯，AI对话是个很不错的“工具人”，它的水平很大程度上不取决于它自身，而取决于你的水平、你描述问题的清晰与准确程度。虽然它可以非常强大，但不能轻信、沉迷于它。尝试获取某个问题的解决方案时，查阅权威的技术文档等常规措施仍是必不可少的。

实践表明，AI真的只是AI，聊天时，你的心态不能是让它给你把活干了，应该是给你出谋划策、demo演示，对错仍需自行分辨。经历过语法错误、方法过时、自造语法等等…

更新下文档吧，根据专业性、使用体验调整下优先级

一、Copilot

编程助手，真正意义上的助手。在你擅长的领域，它可能显得马虎，总犯小错，甚至经常一本正经得胡说八道。但在网上一搜全是复制粘贴的情况下、或者处于你的知识盲区时，你完全可以把它供起来，虔诚得请求(精准描述)它给你指路(解决方案)

GitHub Copilot

GitHub Copilot - 维基百科

GitHub Copilot

GitHub Copilot VSCode插件 - Your AI pair programmer

相对于什么都可以问的AI对话，GitHub Copilot 的定位就是“结对编程助手”，具体介绍、使用方法参照官方介绍。它可以在 JetBrains IDEs (Beta)，Neovim，Visual Studio，Visual Studio Code中安装拓展使用。

使用方式非常丝滑~

可免费使用60天，订阅价十刀/月起，百刀/年起。

缺点在此，收费，贵！不过不用担心，它有免费平替款，往后看。

示例

GitHub Copilot是个人用的最多的，它的使用方式使它能最大程度的参与日常开发中。没使用过的可以看看效果，看看助手能干什么

1. js方法

2. vue单文件组件

开发一个有一定复杂度，包含一系列逻辑的组件，在这个过程中，copilot 能真正体现什么叫AI结对编程助手

3. vue组件

不仅是js，它可以参与到前端开发最基本的 html/js/css 内，提供全方位协助

再说一遍，使用丝滑~

谁用谁知道

当然，它的问题在于可能会直接拷贝别人的代码过来，涉及到侵权问题，介意勿用。

它提供的建议仍然不能直接运用到生产，需要自行采纳、完善，毕竟，它只是个助手

codeium

毕竟 github copilot 是收费的，过了免费体验期，就要付费了，十刀每月还是挺贵的。这里推荐一个免费的替代品，它不光包含前者的功能，还可以进行对话，提供代码重构、解释、注释生成等快捷功能。codeium

同类的还有：

CodeGeeX Cody Bito 二、国产 讯飞星火

讯飞星火：国产认知大模型，根据个人使用经验，感觉技术方案上比codeium差点，但也不错了。另外，它的优点在于功能很全面，可用于各方各面。此前需要申请，隔天便可通过。现在注册即可使用

钉钉-通义千问

钉钉接入通义千问

打工人使用比较方便

还有很多其它国产大模型，但没使用过，就不写了。

三、最新发现 Code Llama

Code Llama: 网页免费使用，专为代码服务。简单体验了下，好像只会用英文回答，但专业性上确实不错。

四、免费浏览器插件 插件

Chrome插件：Chrome应用 内搜索 Monica、Sider

微软插件：Edge 外接程序 搜索 Sider

可分别在Edge Chrome浏览器上安装使用，免费版每天30个问题。省着点，够用了。深度使用或者不差钱的可以花钱升套餐，价格十刀/月起，百刀/年起

上面两个插件都提供常见“话术”，并支持自定义及保存。

最关键的是它们很稳定，很多完全免费的，要么后期收费要么人多就卡起来了。

五、其它 Claude

Slack中选择添加应用即可，然后直接和它对话，免费且无限制

Slack可以网页浏览，可以下载APP到PC及手机，使用很方便

Slack可以使用Goole账号注册，苹果手机注册登陆甚至无需科学上网

日常使用无需科学上网

Claude已经不让用了（科学上网可用），可以使用关键词搜索并添加其它的同类应用