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 图标，然后选择“打开插件设置”，即可设置对应功能回答的语言