Vue3 学习笔记(二)安装 AI 编程助手-使用方法

  • 代码补全

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

    • 按下 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

在这里插入图片描述


在这里插入图片描述


上一篇:虚拟电厂(2)


下一篇:ubuntu启用ssh