Vue3 学习笔记（二）安装 AI 编程助手

VSCode 的插件 Fitten Code，Fitten Code 是由非十大模型驱动的 AI 编程助手，它可以自动生成代码，提升开发效率，帮您调试 Bug，节省您的时间，另外还可以对话聊天，解决您编程碰到的问题。

Fitten Code 免费且支持 80 多种语言：Python、C++、Javascript、Typescript、Java等。

1、安装

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

打开 VSCode，点击左侧 Extensions（扩展）按钮：

在搜索框中搜索关键字 Fitten Code：

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

2、使用方法

• 代码补全

  打开您正在编写的代码文件，输入任意代码即可使用自动补全功能。

  • 按下 Ctrl+⬇️接受一行补全建议。
  • 按下Ctrl+➡️接受一个单词的补全建议。
  • 按下 TAB 接受所有补全建议。

• 开始聊天

  按下Ctrl+Alt+C 开始聊天💬
  

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

• 生成代码

  按下Ctrl+Alt+G在光标位置生成代码。

  也可在左侧 Fitten Code 工具栏中选择 Fitten Code - 生成代码

既可拷贝自行粘贴（点击copy 按钮），也可点击自动插入代码（点击insert按钮)。

• 生成注释

  Fitten Code 能够根据代码自动生成相关注释，通过分析代码逻辑和结构，为代码提供清晰易懂的解释和文档，不仅提高代码的可读性，还方便其他开发人员理解和使用代码。

  先选中需要生成注释的代码段

右键选择 “Fitten Code – 生成注释”：

生成注释后，点击 ‘Apply’ 即可应用注释：

如图：

• 解释代码

Fitten Code 可以对一段代码进行解释，可以通过选中代码段：

右键选择 “Fitten Code – 解释代码” 进行解释：

• 生成测试

Fitten Code 拥有自动生成单元测试的功能，可以根据代码自动产生相应的测试用例，提高代码质量和可靠性。

通过选中代码段后：

右键选择 “Fitten Code – 生成单元测试” 来实现：

生成测试代码如下：

• 优化代码

  Fitten Code 可以对一段代码进行代码优化，并给出优化点。

  选中对应代码段：

  

右键选择 “Fitten Code 优化代码”：

• 检查BUG