weixin_40725706

这个屌丝很懒，什么也没留下！

热门标签

VS Code自动补全生成代码免费插件BitoAI使用指南2023_vscode bito

作者：weixin_40725706 | 2024-02-07 20:50:57

踩

vscode bito

2023年是AI爆发元年，已经被各种AI工具、新闻轰炸了几个月，只有一种感觉：时间不够用！

本文介绍编程辅助神器：Bito AI

Bito是什么？

Bito是一款插件，它目前支持VS Code、Chrome插件，以及Jetbrains的全系列IDE，例如，IDEA、PyCharm、Clion等，可以说能够覆盖大部分开发同学了。

本插件使用与ChatGPT相同的模型！目前免费，且拥有强大的辅助能力，可以数倍提升程序开发能力，并大大提高开发效率。
Bito AI使编写代码、理解语法、编写测试用例、解释代码、评论代码、检查安全性，甚至解释高级概念等等都变得容易。它经过数十亿行代码和数百万个文档的训练，可以帮助程序员无需搜索网络或浪费时间在繁琐的事情上就能完成一些高难度的工作。
实际上只要是chatgpt这种类型的AI，都是可以当作聊天工具的，不会聊天那还叫语言模型么？

Bito可以轻松完成以下任务：
1.生成代码：要求Bito在自然语言提示下生成任何语言的代码。（例如，编写一个C++代码，生成一个快速排序算法等）
2.命令语法：询问任何技术命令的语法。（例如，“如何为git设置全局变量？”）
3.测试用例：为代码生成测试用例<插入代码 >
4.解释概念：问一些关于任何技术概念问题
5.解释代码：解释所选代码。询问此代码是如何工作的，或者它做了什么。
6.注释方法：为要添加到代码中的函数或方法生成注释。
7.提高性能：轻松查找性能问题
8.检查安全性：确保没有安全漏洞

作者：耀南
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

AI让程序员多留点头发，多吃点鸡，多甩甩狙，不香么？

一、下载并安装注册

1. 点击官网链接： https://bito.ai/

2. 下载：

1、点击首页的 Get Bito for free 选择 Install on VS Code 其它开发环境根据情况自选

2、在打开的页面中选择 Install 然后不用取消勾选直接点击 Continue

3、直接点击打开然后就会启动VS Code

在这里插入图片描述

3. 安装

在打开的VSCode中选择安装（如果没有就在扩展里搜索一下 Bito）

在这里插入图片描述

4. 注册

在左侧点击Bito图标，打开注册页面，填写邮箱。（QQ的就可以，方便看验证码）

收到验证码，在VSCode中输入验证码点击提交 submit

然后随便输入两个你想要定义的名字然后可以选择语言，选Chinese 简体中文即可

注册成功，创建工作区。填写你想要创建的英文工作区名字，点击Next（注意：英文才可以）

最后恭喜你注册成功，可以正常启用了！！！

二、使用

1. 聊天

那就简单了，和chatgpt是一个用法，当然，底下的Shortcuts有几个和程序开发相关的快捷方式，活用这些是关键。并且它也可以根据上下文解读你的问题

2. 核心功能

鼠标停留在快捷键上，也是有提示的。

在这里插入图片描述

Explain Code 代码解释

Explain Code 功能用于解释和说明代码的功能和工作原理。
这个功能可以帮助开发人员和程序员更好地理解和掌握代码，尤其是当他们遇到复杂和新的代码时。在解释代码时，它通常包括对代码中每一行或每一部分的解释，以及代码的整体功能和目的的解释。

在右侧选中你想操作的代码，通过以下方法获得代码解释：

第一种：键盘快捷键Alt+Shift+E
第二种：鼠标右键选Bito对应的按钮

在这里插入图片描述

第三种：左侧Bito AI下方按钮

在这里插入图片描述

英文还可以让他再翻译一下~~

如果你没有选中代码而进行操作的话，那么会提示你要选中代码。

在这里插入图片描述

当然，他也可能遇到延迟、不能回答等尴尬时刻，点OK重新来即可，不需要难为他。

在这里插入图片描述

Generate Comment 注释

Generate Comment功能是一种自然语言生成（Natural Language Generation, NLG）技术。
所谓自然语言生成技术就是可以根据给定的内容或数据生成对应的自然语言评论或描述。比如，给定一张图片或一篇文章，Generate Comment可以分析其内容，并生成一段适当的评论或描述。
在人工智能领域，Generate Comment可以应用于各种场景。比如，在社交媒体上，可以使用Generate Comment自动生成评论或回复。在新闻领域，可以使用Generate Comment自动生成新闻报道。在医疗领域，可以使用Generate Comment自动生成病历摘要等文本。总的来说，Generate Comment可以帮助人们快速生成大量的自然语言文本，减轻人工编写文本的负担，提高文本生成的效率。

解释这段代码是干吗用的，起到了什么作用~~

在这里插入图片描述

用复制按钮直接复制注释，再黏贴到右侧编辑框中。

在这里插入图片描述

Performance Check 性能检查

Performance Check 功能是性能评估和过程测试。
在人工智能领域中，机器学习是一种通过对数据进行分析和学习，以提高对未知情况进行推理和预测的能力的算法。而对于机器学习模型的性能检查，是为了评估模型的准确性和泛化能力，以确保模型能够在实际应用中产生正确的结果。
通常，机器学习模型的性能检查包括评价指标的选择、训练集和测试集的划分、交叉验证等步骤。评价指标常用的有准确率、召回率、精确率、F1分数等，训练集和测试集的划分可以使用随机划分或者分层划分等方式，交叉验证可以使用k-fold交叉验证等方法。在模型性能检查的过程中，如果模型性能不够好，可以通过增加训练数据、调整模型超参数等方式来提高模型的性能。
总的来说，机器学习模型性能检查是确保模型能够在实际应用中产生正确的结果的重要步骤，也是机器学习开发过程中不可或缺的一部分。

操作后可能会提示你安装Diff View，原因是：

网络连接不稳定或中断。
插件本身存在问题。
服务器出现故障或正在进行维护。
不去管他，点OK看结果即可。

在这里插入图片描述

现在我改写一段错误代码，用这个功能看看会得到什么？

在这里插入图片描述 它不仅指出了错误，并且根据他揣测的我的想法，给出来他认为的参考代码~~

Security Check 安全检查

Security Check 功能是用来检查代码安全漏洞的。
它可以检测代码中的常见安全漏洞，例如 SQL 注入、跨站点脚本攻击和文件包含漏洞等。此外，它还可以为您提供有关如何修复这些漏洞的建议和提示。使用 Security Check 功能可以确保您的代码更加安全，减少黑客攻击风险。

用错误代码问他，提示不安全，并给出了合适的代码，但并没有去检查代码是否有问题。

在这里插入图片描述

给了一个输入值再问，提示安全，但给出了建议的更好的方法。

Style Check 检查编码规范

Style Check 功能主要用于检查代码风格是否符合统一的编码规范。
例如使用适当的缩进、命名规范、代码注释等。通过使用 Style Check，可以确保代码具有一定的可读性、可维护性和可扩展性，同时也能提高开发效率和降低出错率。这对于团队协作和代码维护非常有用。

看出了代码问题，并且又给了另一种解决方法。

在这里插入图片描述

Improve Readability 提升可读性

Improve Readability 功能旨在帮助程序员提高代码的可读性。
该功能可以通过识别代码中的语法和结构，并对其进行高亮和缩进等操作，以使代码更加易于理解和阅读。提高代码的可读性，从而提高代码质量和生产力，促进团队合作和知识分享，从而增强整个团队的生产力和效率。

给每行都加上了注释
在这里插入图片描述

Clean Code 清理代码

Clean Code功能是删除代码中的调试和日志记录语句，使代码更加简洁、易读。
在程序开发完成后，通常需要将代码进行整理和优化，去除调试和日志记录语句是一个很好的优化方法，可以提高代码的运行效率和可读性。这个功能可以自动化这个过程，减少手动编辑代码的工作量。

错误的和注释的部分全给删了~~

在这里插入图片描述

Generate unit tests 代码测试

Generate Unit Tests 功能针对代码片段生成测试用例。
这是一种自动化测试的方式，该功能会根据源代码的逻辑、边界条件等自动生成测试用例并快速生成测试代码，用于检测源代码是否符合预期行为。通过自动生成测试代码，可以节省测试人员的时间和精力，并增强测试的覆盖率和准确性，发现潜在的问题和漏洞，提高代码的质量和稳定性。

目前还需要等待.......

在这里插入图片描述