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

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

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

在这里插入图片描述


3.记录

你可以点击右上角的+来创建一个新的聊天,老的对话将进入历史记录中,也可以点击垃圾箱删除记录。 

在这里插入图片描述

创建新记录

创建新记录后,老记录将隐藏到历史记录中。

在这里插入图片描述

历史记录

可以看到所有没删掉的聊天,点击右侧更多按钮可以分享和删除。

在这里插入图片描述

删除

删除后,该条记录将不能恢复,和创建新记录后消失的老记录不同。

在这里插入图片描述


 如果还有更新内容我会及时更新通知大家的!!!

Chatgpt团队研发的idea、vscode免费无需外网的AI插件Bito 保姆级安装教程
这里是辛苦牛的博客
04-27 1万+
程序员福音 - Chatgpt团队研发的idea、vscode免费无需外网的AI插件Bito 保姆级教程
VS代码补全插件
07-18
Vs的童鞋们,装上这个可以节省你大量的时间哦。
VS2010代码自动补全插件Visual_Assist_X_10.6.1856.rar
12-26
Visual_Assist_X_10.6.1856是VS代码自动补全插件,非常的好用,自动联想功能很强大,编写VS代码时不必为了记不住变量而苦恼了!
【完全免费VS Code 最好用的 12 款 AI 代码编码插件!!!
cloud_studio的博客
08-20 7146
腾讯云开发者AI产品服务企业、个人以及学生开发者,提供完备的工具组合:- 腾讯云AI代码助手基于混元大模型, 基于体验极致的技术对话与代码生成能力,缩短学习路径、将开发提效增质;- CloudStudio 顺应人工智能教育潮流,为编程教学、人工智能实训、模型开发与推理提供便利;进入官网点几在线体验即可立即使用云端IDE+AI代码助手- 如何通过AI代码助手快速理解代码生成代码并完成编译,从而大幅缩开发时间、降低编码难度;
VSCode代码自动补全 - 插件
热门推荐
草巾冒小子的博客
03-21 2万+
VScode 不能自动补全结束标签? 这里介绍一款vscode插件,只需要输入标签的单词或字母,按enter键,就能直接自动生成开/闭标签,且光标居中。 插件名称: // 在下图的标记处,搜索该插件: Auto Close Tag 截图如下:(安装·如下图示) 以上就是关于“ VSCode代码自动补全 - 插件篇 ” 的全部内容。 ...
VSCode】推荐一款Microsoft Visual Studio Code能在编辑器内智能补全代码插件 - Tabnine AI
少莫千华
06-29 1万+
Tabnine是一个AI代码补全插件,支持`JavaScript`、`Python`、`Java`、`TypeScript`和其他编程语言。它通过自动补全代码使开发人员更加高效的编程。
基于VS Code的中文代码快速补全插件设计源码
最新发布
09-24
该项目是一个基于VS Code的中文代码快速补全插件设计源码,主要使用Typescript语言开发,同时支持JavaScript、C++、Shell、Python、PHP、Kotlin、Rust、C#、Java和Swift等多种编程语言。项目文件结构清晰,共包含92...
解决python中无法自动补全代码的问题
09-19
首先,Python的自动补全功能主要依赖于IDE(集成开发环境)或代码编辑器的支持,例如PyCharm、VS Code、Jupyter Notebook等。这些工具通常内置了代码补全的智能提示,通过解析Python的导入语句和现有代码来提供补全...
中文代码快速补全 VS Code 插件
06-19
中文代码快速补全 VS Code 插件。本插件提供类似中文输入法的功能, 能结合当前代码上下文快速输入中文.支持拼音, 五笔等常见的输入方法, 也允许您自定义自己的输入方法。本插件可以获得当前正在编辑的文件的分词。...
vscode python自动补全插件_在VS Code中提升Python代码开发效率的插件
weixin_39636540的博客
12-03 5352
第一个插件,autoDocstring。函数和方法的注释文档docstring,其重要性不需要再强调了,安装了autoDocstring插件后,通过快捷键:“ctrl+shift+2”,可以自动生成Google或Numpy风格的注释文档。autoDocstring插件演示autoDocstring的安装方法,在VS Code的Extension中,查找autoDocstring,然后点击“inst...
visual studio代码补全插件
11-25
visual studio代码补全插件代码补全插件,具体操作参考https://www.cnblogs.com/f8master/p/3826076.html
javascript代码自动补全插件
03-27
NULL 博文链接:https://992012.iteye.com/blog/1173866
pycharm 代码自动补全的实现方法(图文)
09-24
其中,代码自动补全Code Completion)是一项重要的特性,它能够极大地提高编程效率,减少错误,并帮助开发者快速理解库函数的用法。在本文中,我们将详细讲解如何在PyCharm中启用和优化代码自动补全功能。 1. **...
人工智能VScode中使用ChatGPT之Bito插件
JosieBook
05-11 5258
之前在VScode中使用ChatGPT中文版,后来要注册与收费,可采用一些ChatGPT中文版的替代插件。后发现BitoAI插件功能同样强大,免费,可中文,真香!未来Bito若不能使用,可继续在VScode的扩展功能中搜索相关插件,已备使用。
使用VScode插件Bito辅助学习数学建模
Rare_Hunter的博客
11-04 676
Vscode中的强大免费插件Bito,代码示例,分析和Debug够用了。搞建模的时候,自己经常用,在这给出一些自己使用的经验。
VSCode插件 —— Cody AI (免费AI助手!)
Hei, Welcome To vickie's Blog,Good Good Study, Day Day Up ~
01-22 4492
vscode插件推荐:Cody AI —— 免费的开发助手。
VS Code的神级插件Bito - GPT-4 和 ChatGPT 编写代码、解释代码、创建测试
bmseven的博客
04-26 1万+
Bito插件是非常容易使用的。只需将其安装到您的IDE中,然后启用它即可开始使用。在许多情况下,Bito插件会自动为您提供所需的功能,以便您可以更快地编写代码
vscode自动生成代码
qq_37365676的博客
01-18 5395
废话不多说,先看效果图: 接下来就讲讲怎么设置自动生成代码。 步骤1: 步骤2: 这里我以typescript为例。 步骤3: { "define a property and its getter/setter": { // 代码段名称 "prefix": "_prop", // 代码段前缀 "body": [ // 代码段内容 "private ${1:value}: ${2:string};", //$1表示光标落点,可以设置多个相同的落点 ${1:value}表示光标处默认内容
vs代码自动补全插件
07-27
推荐以下几个常用的 VS Code 自动补全插件: 1. IntelliSense(内置插件):VS Code 内置的智能代码补全功能,支持多种语言。 2. Tabnine AI:基于人工智能的智能代码补全插件,通过学习代码库和开发者的编码习惯来提供更准确的补全建议。 3. Kite:提供了智能代码补全、文档查询、函数签名和参数提示等功能,支持多种编程语言。 4. Autocomplete: Python 插件,提供 Python 代码补全功能,支持函数、类、模块等的自动补全和提示。 5. JavaScript (ES6) code snippets: JavaScript 代码片段补全插件,提供了大量常用的代码片段和快捷键。 这些插件可以根据你的开发需求和编程语言进行选择和安装。你可以在 VS Code插件市场中搜索插件名称,并根据评价和下载量选择合适的插件
写文章

热门文章

  • 2023最全最新前端面试题(附加解析) 16521
  • ChatGpt发展历程 13784
  • Vue导出Excel的实现方法与原理 11759
  • VS Code自动补全生成代码免费插件BitoAI使用指南2023 10026
  • UniApp中的所有生命周期钩子函数以及使用方法 9592

分类专栏

  • 分类、购物车、商品详情、瀑布流、轮播图、地址页面 23篇
  • 前端好玩炫酷的动画小案例 114篇
  • 登录页面UI设计+源码 6篇
  • 静态网页响应式设计前端模板  15篇
  • 前端开发的基本知识和技巧 64篇
  • PC登录页面UI设计+源码 20篇
  • 可视化大屏模板 1篇
  • 个人中心页面UI设计+源码 2篇
  • 微信小程序 38篇
  • 前端大学生期末作业静态网页/小程序/毕设项目精品 13篇
  • 前端技术栈Uniapp必备 25篇
  • 前端技术栈Vue、React必备 18篇
  • 导出Excel方法(Vue&Js) 2篇
  • 前端图片(头像)上传及裁剪 3篇
  • ChatGpt保姆级教程 完全指南 12篇
  • 分布式系统架构 1篇
  • SCSS 1篇

最新评论

  • uniapp使用图表(折线、柱状、饼、雷达、金字塔等等)

    xcdm100: uniapp根本不支持$refs,你写的这个,你自己测试过吗?

  • 10 款精美的 HTML5 图片轮播动画 + 打包源码下载

    耀南.: 加我v发你 不然这里没法发送

  • 10 款精美的 HTML5 图片轮播动画 + 打包源码下载

    weixin_42746174: 你好 下载地址在哪 没找到

  • uniapp使用图表(折线、柱状、饼、雷达、金字塔等等)

    耀南.: 截图我看下效果

  • uniapp使用图表(折线、柱状、饼、雷达、金字塔等等)

    前端Owen: 支付宝小程序中报错,获取不到$refs,Cannot read properties of undefined (reading 'init')

大家在看

  • 《Information Science》The Logic Of The Menu Bar
  • 《Information Science》Think more Less Can Do What In Course Ware
  • 《Information Science》C2 Can Do It Easily

最新文章

  • Dropdown下拉菜单组件自定义样式
  • HTML+CSS 霓虹灯数字时钟
  • HTML+CSS 卡片悬停实用效果(2种一键复制)
2024
10月 1篇
09月 45篇
08月 29篇
07月 2篇
06月 22篇
05月 12篇
04月 20篇
03月 13篇
02月 4篇
01月 18篇
2023年138篇

目录

目录

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

耀南.

你的鼓励将是我最最最最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳坪山网站建设公司网站内部优化单选题西藏网站关键词如何优化网站运营优化深圳关于网站优化有用吗容桂网站优化策略大连网站优化需要优化哪些内容牧野区咨询网站搭建优化服务行业网站优化的方式电子商务网站结构的优化三门峡营销型网站优化平台个人分析网站优化企业免费网站优化公司网站搜索优化唯独金苹果网站数据过多卡顿怎么优化平顶山靠谱网站优化公司资兴关键词网站优化排名乐亭靠谱的网站优化推荐aso优化推广网站泰州工商网站优化供应昆明网站关键字优化公司巩义百度网站优化怎么选济南网站seo优化推广雅安网站优化外包新乡网站关键词优化排名推广网站排名优化技巧上饶网站百度优化稷山网站优化怎么样乌当网站优化推广优化网站优化网站放心易速达福田网站seo优化哪家好香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

深圳坪山网站建设公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化