Fitten Code 安装教程

免费且支持80多种语言:Python、C++、Javascript、Typescript、Java等
目前支持以下4种编辑器与开发环境:VS 代码、JetBrains IDE 系列、Visual Studio、Vim

Fitten Code

VSCode 版

(版本要求1.68.0及以上)

    1.安装

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

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

    在搜索框中搜索“Fitten Code”

    在搜索结果中点击安装

    登录注册后即可开始使用

  • 2.智能补全

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

    按下 tab 接受所有补全建议

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

  • 3.AI问答

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

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

  • 4.生成代码

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

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

    利用对话功能生成代码

  • 5.翻译代码

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

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

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

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

  • 6.生成注释

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

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

  • 7.解释代码

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

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

  • 8.生成测试

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

  • 9.检查BUG

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

  • 10.编辑代码

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

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

  • 11.预览功能

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

  • 12.分享功能

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

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

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

  • 13.自动上下文

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

  • 14.多模态功能

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

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

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

  • 15.设置选项

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

    1.延迟自动补全的时间(单位:毫秒)
    2.是否开启自动补全
    3.为特定文件后缀禁用自动补全,例如输入:md;py
    4.Fitten Code 回答时的语言首选项(不包括Fitten Code - Document Code"功能)
    5.使用"Fitten Code - 生成注释"功能时的语言首选项
    6.注释文档的参考模版,以指定生成注释的规范
    7.在diff视图中使用VSCode主题色彩高亮语法

  • 16.常见问题

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

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

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

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

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

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

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

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

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

    如何使用pro?

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

    代码会有泄露风险吗?

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

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

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