C++ 中的 AI 编程助手添加
![C++中的AI编程助手添加](https://static001.geekbang.org/infoq/1b/1b7416077e22745cf95d377fb3d2a4a0.png)
这两年 AI 发展迅猛,作为开发人员,我们总是追求更快、更高效的工作方式,AI 的出现可以说改变了很多人的编程方式。
AI 对我们来说就是一个可靠的编程助手,给我们提供了实时的建议和解决方案,无论是快速修复错误、提升代码质量,或者查找关键文档和资源,AI 作为编程助手都能让你事半功倍。
今天为大家推荐一款适配了 Viusal Studio(本文使用),VS Code(本文使用),JetBrains 系列以及 Vim 等多种编译器环境的插件 Fitten Code,Fitten Code 是由非十大模型驱动的 AI 编程助手,它可以自动生成代码,提升开发效率,帮您调试 Bug,节省您的时间,另外还可以对话聊天,解决您编程碰到的问题。
Fitten Code 免费且支持 80 多种语言:Python、C++、Javascript、Typescript、Java 等。
目前对于 C++ 语言,Fitten Code 支持在多种文本编辑器或 IDE 上使用,接下来我们来详细看看 VS Code 与 Visual Studio 两款 IDE 的安装与使用:
一、VS Code 版本
1、安装
如果您已经安装 VS Code 且版本大于等于 1.68.0,请直接跳过此步骤,否则请点击下载前往官网下载安装 VS Code。
打开 VS Code,点击左侧 Extensions(扩展)按钮:
![](https://static001.geekbang.org/infoq/38/3898fbecbd9a268a3f9ce38d75ea9ad7.png)
在搜索框中搜索关键字 Fitten Code:
![](https://static001.geekbang.org/infoq/7c/7c7e6278000c32bb63c37d657ce9df04.png)
在搜索结果中点击 Install:
![](https://static001.geekbang.org/infoq/fa/fafe336802040d057705fbc40be0f78c.png)
登录注册后即可开始使用:
![](https://static001.geekbang.org/infoq/e5/e5671519dc73193d9cae180e72bd3707.jpeg?x-oss-process=image%2Fresize%2Cp_80%2Fauto-orient%2C1)
2、智能补全
打开代码文件,输入一段代码,Fitten Code 就会为您自动补全代码:
![](https://static001.geekbang.org/infoq/55/55f51fc15b2bb603b6376f0b005aedaa.png)
按下 Tab 键接受所有补全建议:
![](https://static001.geekbang.org/infoq/07/075cd89d5f5dbf8e225afe720c6f622e.png)
按下 Ctrl+→ 键(mac 系统为 Command+→)接收单个词补全建议:
![](https://static001.geekbang.org/infoq/75/7544c4ddc4cd0a8852efa7a96c1240eb.png)
3、AI 问答
用户可通过点击左上角工具栏中的 Fitten Code – 开始对话或者使用快捷键 Ctrl+Alt+C(mac 系统为 Control+Option+C)打开对话窗口进行对话:
![](https://static001.geekbang.org/infoq/c2/c24e8f29044c436b0bbb9974260a7657.png)
当用户选中代码段再进行对话时,Fitten Code 会自动引用用户所选中的代码段,此时可直接针对该代码段进行问询等操作:
![](https://static001.geekbang.org/infoq/ca/ca628cc712aa07968fbba5bb4ffda3ba.png)
4、生成代码
可在左侧 Fitten Code 工具栏中选择 "Fitten Code - 生成代码" 或者使用快捷键 Ctrl+Alt+G (mac 系统为 Control+Option+G),如下图所示:
![](https://static001.geekbang.org/infoq/07/07b62d6f5320a479134b810d0e17ba8e.png)
然后在输入框中输入指令即可生成代码:
![](https://static001.geekbang.org/infoq/a1/a1fad49596131dcc8bcba80d3319435d.png)
利用对话功能生成代码:
![](https://static001.geekbang.org/infoq/88/88593772b36db95eaee0146c1a16a605.png)
5、代码翻译
编辑代码功能可以实现不同语言之间的转换,如 Python 语法转换成 C++语法等。选中需要进行编辑的代码段,右键选择 "Fitten Code – 编辑代码" 或点击左侧工具栏中的 "Fitten Code – 编辑代码" 或者使用快捷键 Ctrl+Alt+E (mac 系统为 Control+Option+E),如下图所示:
![](https://static001.geekbang.org/infoq/8c/8c99a5d6683449e1ac770fe646a37cc2.png)
然后在输入框中输入需求(如此处要求 Fitten 将 Python 代码转为 C++代码):
![](https://static001.geekbang.org/infoq/1b/1b76b787321a2a234133be4e5d7a1108.png)
也可以在 Chat 界面实现:选中需要进行编辑的代码段,右键选择 "Fitten Code – 开始聊天" 或点击左侧工具栏中的 "Fitten Code – 开始聊天" 或者使用快捷键 Ctrl+Alt+C, 如下图所示:
![](https://static001.geekbang.org/infoq/d3/d32b9fa2f6ac78a57b8e8dd0b835dae9.png)
6、生成注释
Fitten Code 能够根据您的代码自动生成相关注释,通过分析您的代码逻辑和结构,为您的代码提供清晰易懂的解释和文档,不仅提高代码的可读性,还方便其他开发人员理解和使用您的代码。先选中需要生成注释的代码段,然后右键选择 "Fitten Code – 生成注释":
![](https://static001.geekbang.org/infoq/97/972c846d532ca927173d1fd2ef02b28b.png)
即可生成对应注释如下图所示,点击"Apply"后即可应用:
![](https://static001.geekbang.org/infoq/87/87061ac787d8744d1c97c21efdb78930.png)
7、解释代码
Fitten Code 可以对一段代码进行解释,可以通过选中代码段然后右键选择 "Fitten Code – 解释代码" 进行解释,如下图所示:
![](https://static001.geekbang.org/infoq/a2/a20e9a98235803bd12770992b0099b96.png)
此外,还可以进一步回答用户关于这段代码的疑问,如下图所示:
![](https://static001.geekbang.org/infoq/52/52fc4e05614985742df4ba286451dcaf.png)
8、生成测试
Fitten Code 拥有自动生成单元测试的功能,可以根据代码自动产生相应的测试用例,提高代码质量和可靠性。通过选中代码段后右键选择 "Fitten Code – 生成单元测试" 来实现,如下图所示:
![](https://static001.geekbang.org/infoq/55/559fa8b77b947017b8aeed17a7e43ef0.png)
![](https://static001.geekbang.org/infoq/08/08a83e8826466f8d2b201fdcf59cf32a.png)
9、检查 BUG
Fitten Code 可以对一段代码检查可能的 bug,并给出修复建议。选中对应代码段,然后右键选择 "Fitten Code 查找 Bug",如下图所示:
![](https://static001.geekbang.org/infoq/06/06c0d66ab8639d7195be8a8ef65daa05.png)
10、编辑代码
Fitten Code 可根据用户指示对选定的代码块进行编辑,用户点击 "Apply" 后即可应用变更。通过选中代码段右键选择 "Fitten Code – 编辑代码" 或在左上角工具栏点击 "Fitten Code – 编辑代码",如下图所示:
![](https://static001.geekbang.org/infoq/df/dffeea13049fa5b4e7f12d44a62358b6.png)
随后,用户可在输入框中输入指示,Fitten Code 会新建一个窗口对比显示更改前和更改后的内容,用户可通过点击 "Apply" 应用更改,如下图所示:
![](https://static001.geekbang.org/infoq/a9/a97a00bcf51844fb1310d209402e5943.png)
11、常见问题
如果 VSCode 远程服务器 remote 无法连接外网时,请点击左下角⚙按钮,再点击设置:
![](https://static001.geekbang.org/infoq/6f/6fb1662e23b3476592b9dce682d2e4c2.png)
然后在设置页面点击右上角 "打开设置(JSON)":
![](https://static001.geekbang.org/infoq/4e/4ee6d6d6445f89807c16c4b1d30ef6df.png)
最后只需在在弹出的 settings.json 文件中添加以下内容即可:
![](https://static001.geekbang.org/infoq/b4/b4d56c9f10925dfea34c8efa13eb0d1c.png)
更多内容参考官网:https://code.fittentech.com/
支持以下 4 种编辑器与开发环境:
VS Code:本文已详细介绍
Visual Studio:本文已详细介绍
版权声明: 本文为 InfoQ 作者【芯动大师】的原创文章。
原文链接:【http://xie.infoq.cn/article/e4fe703a9b87e8237c29aa8c6】。文章转载请联系作者。
评论