AI编程助手教程 - VSCode 版

插件   2024-06-16 19:15   298   0  


0. 简介

作为现代编程人员,我们总是追求更快、更高效的工作方式。使用AI编程助手如同拥有一个可靠、智能的合作伙伴,它能够与你紧密合作,提供实时的建议和解决方案。无论是快速修复错误、提升代码质量,或者查找关键文档和资源,AI编程助手都能让你事半功倍。让我们携手AI编程助手,释放创造力,加速项目进程,共同迈向编程的新高度!

Fitten Code是由非十大模型驱动的AI编程助手,它可以自动生成代码,提升开发效率,帮您调试Bug,节省您的时间。还可以对话聊天,解决您编程碰到的问题。免费且支持80多种语言:Python、C++、Javascript、Typescript、Java等,目前支持以下4种编辑器与开发环境:


1.安装

1.0 如果您已经安装VSCode且版本大于等于1.68.0,请直接跳过此步骤。否则请点击下载前往官网下载安装VSCode。

1.1 打开VSCode,点击左侧Extensions(扩展)按钮

vs01.png

1.2 在搜索框中搜索“Fitten Code”

vs02.png

1.3 在搜索结果中点击Install

vs03.png

1.4 登录注册后即可开始使用

login_new.jpg


2. 智能补全

2.1 打开代码文件,输入一段代码,Fitten Code就会为您自动补全代码

jb05.png

2.2 按下 tab 接受所有补全建议

vs05.png

2.3 按下 ctrl+➡️ 接收单个词补全建议

vs06.png


3. AI问答

3.1 用户可通过点击左上角工具栏中的“Fitten Code – 开始对话”或者使用快捷键“Ctrl+Alt+C”打开对话窗口进行对话

vs08.png

3.2 当用户选中代码段再进行对话时,Fitten Code会自动引用用户所选中的代码段,此时可直接针对该代码段进行问询等操作

vs09.png


4. 生成代码

4.1 可在左侧Fitten Code工具栏中选择“Fitten Code - 生成代码”或者使用快捷键“Ctrl+Alt+G”,如下图所示

vs16.png

4.2 然后在输入框中输入指令即可生成代码

vs17.png

4.3 利用对话功能生成代码

vs19.png


5. 翻译代码

5.1 选中需要进行翻译的代码段,右键选择“Fitten Code – 编辑代码”或点击左侧工具栏中的“Fitten Code – 编辑代码”或者使用快捷键“Ctrl+Alt+E”,如下图中①、②所示

vs20.png

5.2 然后在输入框中输入转换命令即可完成转换

vs21.png

5.3 选中需要进行翻译的代码段,右键选择“Fitten Code – 开始聊天”或点击左侧工具栏中的“Fitten Code – 开始聊天”或者使用快捷键“Ctrl+Alt+C”, 如下图中①、②所示

vs22.png

5.4 然后在输入框中输入转换命令即可完成转换

vs23.png


6. 生成注释

6.1 Fitten Code 能够根据您的代码自动生成相关注释,通过分析您的代码逻辑和结构,为您的代码提供清晰易懂的解释和文档,不仅提高代码的可读性,还方便其他开发人员理解和使用您的代码。先选中需要生成注释的代码段,然后右键选择“Fitten Code – 生成注释”

vs24.png

6.2 即可生成对应注释如下图25所示,点击“Apply”后即可应用。

vs25.png


7. 解释代码

7.1 Fitten Code可以对一段代码进行解释,可以通过选中代码段然后右键选择“Fitten Code – 解释代码”进行解释,如下图26所示

vs26.png

7.2 此外,还可以进一步回答用户关于这段代码的疑问,如下图所示。

vs27.png


8. 生成测试

8 Fitten Code拥有自动生成单元测试的功能,可以根据代码自动产生相应的测试用例,提高代码质量和可靠性。通过选中代码段后右键选择“Fitten Code – 生成单元测试”来实现,如下图所示。

vs28.png


9. 查找BUG

9 Fitten Code可以对一段代码检查可能的bug,并给出修复建议。选中对应代码段,然后右键选择“Fitten Code查找Bug”,如下图所示。

vs30.png


10. 编辑代码

10.1 Fitten Code可根据用户指示对选定的代码块进行编辑,用户点击“Apply”后即可应用变更。通过选中代码段右键选择“Fitten Code – 编辑代码”或在左上角工具栏点击“Fitten Code – 编辑代码”,如下图所示。

vs31.png

10.2 随后,用户可在输入框中输入指示,Fitten Code会新建一个窗口对比显示更改前和更改后的内容,用户可通过点击“Apply”应用更改,如下图所示。

vs32.png


11. 设置选项

点击右下角Fitten图标,然后选择“打开插件设置”,即可打开Fitten Code的设置页面。以下为可设置选项

1. 延迟自动补全的时间(单位:毫秒)

2. 是否开启自动补全

3. 为特定文件后缀禁用自动补全,例如输入:md;py

4. Fitten Code 回答时的语言首选项(不包括"Fitten Code - Document Code"功能)

5. 使用"Fitten Code - 生成注释"功能时的语言首选项

6. 注释文档的参考模版,以指定生成注释的规范

7. 在diff视图中使用VSCode主题色彩高亮语法


12. 常见问题

12.1 如果vscode远程服务器remote无法连接外网时,请点击左下角⚙按钮,再点击设置

vs33.png

然后在设置页面点击右上角“打开设置(JSON)”

vs34.png

最后只需在在弹出的settings.json文件中添加以下内容即可:
"remote.extensionKind": { "FittenTech.Fitten-Code": ["ui"] }

vs35.png

12.2 可以完整阅读一个代码文件吗?

答:和文件大小有关,如果文件太大则只会根据部分上下文进行推测

12.3 解释代码有限制代码长度吗?

答:目前的解释代码长度限制为1000行

12.4 生成注释支持英文注释吗?

答:点击右下角Fitten图标,然后选择“打开插件设置”,设置注释语言为英文即可

12.5 如何使用pro?

答:打开一个chat窗口,首次对话时,在输入框中选择Fitten Code Pro Search即可

12.6 代码会有泄露风险吗?

答:我们严格保障用户代码安全,遵守欧盟,美国,中国各国生成式AI法律法规,服务器符合三级等级保护安全要求,和金融领域的安全等级是一样的标准,同时我们还可以为企业提供私有化服务

12.7 如何选择各功能回答时的语言?

答:点击右下角Fitten图标,然后选择“打开插件设置”,即可设置对应功能回答的语言


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。