AI编程助手 - Fitten Code(VSCode 版)

AI编程助手 - Fitten Code(VSCode 版)

(版本要求1.68.0及以上)

0. Introduction

作为现代编程人员,我们总是追求更快、更高效的工作方式。使用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(扩展)按钮

1.2 在搜索框中搜索“Fitten Code”20241215115112929-vs02

1.3 在搜索结果中点击Install

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

20241215115235872-vs42

2. 智能补全

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

20241215115348981-jb05

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

20241215115429838-vs05

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

20241215115518589-vs06

3. AI问答

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

20241215115617414-vs08

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

20241215115712942-vs09

4. 生成代码

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

20241215115801278-vs16

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

4.3 利用对话功能生成代码

5. 翻译代码

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

20241215115927712-vs20

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

20241215120002588-vs21

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

20241215120056833-vs22

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

20241215120118433-vs23

6. 生成注释

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

20241215120201659-vs24

7. 解释代码

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

20241215120338123-vs26

8. 生成测试

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

20241215120721390-vs28

9. 查找BUG

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

20241215121110365-vs30 (1)

10. 编辑代码

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

20241215121202640-vs31

11. 预览功能

11.1 Fitten Code现在支持预览功能,用户在对话中要求生成的html单文件将自动生成完整代码并且弹出预览

20241215121302686-vs36

20241215121324332-vs37

12. 分享功能

12.1 Fitten Code现在支持分享功能,用户可将对话结果可以分享导出给其他用户,其他用户还可以在分享的对话基础上进行编辑和修改。点击对话下方的分享按钮

20241215121414198-vs38

12.2 随后Fitten Code会弹出一个分享链接,用户可将打开链接或复制链接

12.3 用户可将链接发送给其他用户,其他用户打开链接可以进一步进行编辑和修改

20241215121449847-vs40

13. 自动上下文

13.1 Fitten Code可以在AI对话中自动获取上下文,用户只需在聊天框直接问,“这段代码是什么意思”,或者“能解释一下这段代码吗”AI会自动的获取IDE上下文进行回答

20241215121534895-vs41

14. 多模态功能

14.1 Fitten Code现可上传图片,并根据图片生成代码。点击图片上传并选择要上传的图片

20241215114638244-vs42

14.2 上传图片之后可以补充说明

20241215121720511-vs43

14.2 之后Fitten Code可以根据上传的图片生成代码,比如截图生成前端代码或者表单

20241215121802192-vs44

15. 设置选项

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

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

2. 是否开启自动补全

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

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

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

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

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

6. 常见问题

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

20241215121941527-vs33

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

20241215122024282-vs34

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

20241215122053487-vs35

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

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

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

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

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

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

16.5 如何使用pro?

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

16.6 代码会有泄露风险吗?

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容