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
相关推荐
毕设十刻14 分钟前
基于Vue的学分预警系统98k51(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
✎ ﹏梦醒͜ღ҉繁华落℘30 分钟前
FreeRTOS学习笔记(应用)-- 各种 信号量的应用场景
笔记·学习
星星火柴93635 分钟前
笔记 | C++面向对象高级开发
开发语言·c++·笔记·学习
BeingACoder44 分钟前
【SAA】SpringAI Alibaba学习笔记(一):SSE与WS的区别以及如何注入多个AI模型
java·笔记·学习·saa·springai
牧杉-惊蛰1 小时前
纯flex布局来写瀑布流
前端·javascript·css
安全不再安全2 小时前
免杀技巧 - 早鸟注入详细学习笔记
linux·windows·笔记·学习·测试工具·web安全·网络安全
BreezeJuvenile2 小时前
外设模块学习(8)——HC-SR04超声波模块(STM32)
stm32·单片机·嵌入式硬件·学习·超声波测距模块·hc-sr04
LBuffer2 小时前
破解入门学习笔记题三十八
笔记·学习
微露清风3 小时前
系统性学习C++-第十讲-stack 和 quene
java·c++·学习
PyAIGCMaster3 小时前
钉钉的设计理念方面,我可以学习
人工智能·深度学习·学习·钉钉