0


BLACKBOX.AI:解锁编程学习新纪元,加速开发的AI得力助手

文章目录


在这里插入图片描述


💯BLACKBOX.AI 官网

BLACKBOX.AI 官网

(附使用手册):由此进→https://www.useblackbox.io/home-codesearch
在这里插入图片描述

BLACKBOX.AI

是一款专为

开发者

IT学习者

设计的

AI平台

,旨在助力编码任务的高效完成和学习过程的加速。它提供了一系列强大的功能,包括

代码生成

代码补全

以及

实时编码支持

,这些功能对于加速开发过程和学习新编程语言极具价值。

BLACKBOX.AI

现已支持20多种编程语言,如

Python

JavaScript

TypeScript、Go、Ruby

等,通过提供

智能的代码建议

解答编码问题

,极大地提升了

开发效率

学习的便利性

,使IT学习者能够更加轻松地掌握编程技能。

BLACKBOX.AI

的主要功能包括:

  1. 代码聊天:通过智能对话模式,帮助开发者解决编码问题、修复错误、开发新功能和重构代码,提供即时的编码支持和建议。
  2. 实时知识:平台能够回答关于最近事件、技术突破等问题,并显示信息来源,帮助开发者保持对行业动态和技术发展的敏锐洞察。
  3. 视觉功能:允许分析图像输入,如代码截图或产品草图,为开发者提供便捷的可视化辅助,提升代码理解和设计效率。
  4. GitHub 集成:平台支持直接与GitHub仓库集成,允许开发者在仓库上执行任务,如从错误报告生成问题或对代码进行评论,实现更加高效的工作流程。

🍁1 BLACKBOX.AI 工具使用教程

相信通过阅读BLACKBOX.AI 官网的使用手册后,你一定对

BLACKBOX.AI

功能有一定了解啦,接下来让我以一个使用者的角度来具体介绍一下。

🍁2 BLACKBOX.AI工具使用界面介绍

BLACKBOX.AI工具两种进入方式:

打开翻译插件后,内容瞬间变得清晰易理解啦,

BLACKBOX.AI

官方这边推荐使用

谷歌浏览器

,在使用前我们最好进行一下

登录

操作,方便存储我们的历史记录,同时

BLACKBOX.AI

工具也提供了与

VScode

编译器兼容的

AI插件

,可以搭配使用提高我们的编程开发效率。左边是其

功能区

,我这里就不先一一列举啦,下面会逐个进行详细介绍!
在这里插入图片描述

还有值得一提的是

BLACKBOX.AI

在左下角提供了

白天/夜间切换模式

,用户可以根据需要进行设置,这点考虑到了用户使用体验,确实很不错!
在这里插入图片描述
在这里插入图片描述

接下来,我们就可以开始探索

BLACKBOX.AI

工具的丰富功能啦。从基础的操作界面到高级的分析功能,我都会一一介绍,确保你能够充分利用这个强大的工具。如果你在使用过程中遇到任何问题或疑问,也欢迎提问。

🍁3 Chat(聊天)功能

和市面上大多数AI工具一样,

BLACKBOX.AI

也同样配备了聊天功能,但其独特之处在于它更侧重于编码方面的交流。这一功能为开发者提供了一个与

AI实时互动

的平台,允许他们提出与编码相关的问题,并能够实时收到准确的答案。无论是遇到需要修复的错误、想要构建的新功能,还是进行代码重构,

BLACKBOX.AI

的聊天功能都能提供宝贵的帮助和建议。这一特性使得

BLACKBOX.AI

在众多AI工具中脱颖而出,成为开发者们不可或缺的得力助手。
而且

BLACKBOX.AI

的回答速度真的超级快,它是专门为了回答

编码方面

的问题而设计的。你

不需要

挂接任何

API

,就可以在国内直接使用,轻松获得即时的

编码帮助

建议

。这无疑是开发者们的一大福音,能够极大地提升他们的

开发效率

问题解决速度


在这里插入图片描述
在这里插入图片描述

在聊天窗口旁边,我们还可以发现有两个非常实用的按钮。

  • 第一个是“插入代码块”按钮,它可以帮助我们将代码与文本进行区分,让聊天内容更加清晰易懂。当我们需要向AI展示代码或询问代码相关的问题时,这个按钮就显得尤为重要。
  • 第二个是“上传文件”按钮,它允许我们上传文件给AI进行分析和解答。这意味着,如果我们遇到了与某个文件相关的编码问题,我们可以直接上传该文件,让AI基于文件内容为我们提供解答和建议。这一功能无疑进一步增强了BLACKBOX.AI的实用性和便捷性。在这里插入图片描述

此外,

BLACKBOX.AI

的聊天功能还支持

分享当前聊天

,只需点击

“Share Chat”分享聊天按钮

,就可以生成一个链接,该链接会打包当前提问的内容。别人通过这个链接就可以

直接查看

我们与AI的聊天内容,这一功能真的非常方便,

省去了

传统AI工具中需要复制或截图的

繁琐步骤


在这里插入图片描述
在这里插入图片描述打开链接,我们可以直接查看聊天内容。
在这里插入图片描述

🍁4 Explore (探索)功能

Explore(探索

功能作为一种综合性的工具,通常旨在帮助用户更深入地理解、分析和利用数据、代码、文档或模型等资源。
此功能分为

终端

发现

,

AI代码文档

,

AI模型页面

四个部分在这里插入图片描述

💎4.1 Terminal(终端)功能

这个终端是通过运行 blackboxai 命令启动的界面,是

BlackboxAI Interpreter

的用户交互界面。它允许用户以自然语言的方式与 BlackboxAI Interpreter 进行交互,从而执行各种任务,如创建和编辑代码文件、PDF 文档,控制 Chrome 浏览器进行网络研究,以及

绘制

清理和分析大型数据集

等。
详细官方教程:blackboxai 3.3 黑匣子3.3
在这里插入图片描述
在这里插入图片描述

💎4.2 Discover(发现)功能

Discover(发现)

功能是

BlackboxAI Interpreter

中一个非常有趣且实用的部分。在这个功能模块里,用户可以

浏览

到其他人通过chat功能分享到平台上的

公开聊天链接

。这些聊天链接可能包含了各种有趣的话题、有用的信息、技术问题的解答,或者是关于某个特定项目的讨论。
在这里插入图片描述
在这里插入图片描述

💎4.3 AI Code Docs (AI代码文档)功能

AI Code Docs(AI代码文档)

是一个创新的功能,它结合了

人工智能

的自动化生成能力和用户的个性化编辑需求。在这个功能模块中,用户可以获得由AI生成的代码文档模板,这些模板是基于常见的编程任务、框架、库或最佳实践来设计的。然后,用户可以在这些模板的基础上进行

编辑

,添加自己的注释、解释、示例代码或任何个性化的内容,从而创建出专属的

个人文档


在这里插入图片描述

我们还可以按

ctrl+s

进行保存为

HTML

文件到本地
在这里插入图片描述
也可以以链接形式分享我们的文档
在这里插入图片描述

💎4.5 AI Model Page (AI模型页面)

详见

Why we are building BLACKBOX?

:https://www.blackbox.ai/about
构建BLACKBOX.AI的初衷在于革新软件开发方式,具体目标包括:

  • 加速创新步伐:助力工程师以十倍速构建并发布产品,从而推动公司内部创新进程。
  • 促进软件工程师的成长与增量:旨在助力全球软件工程师数量从约1亿增长至10亿,实现十倍的增长目标。
  • BLACKBOX.AI在编码能力上取得了显著进展,尤其在HumanEval编码任务上表现突出,零样本评估的通过率达到了85.36%,超越了包括OpenAI的GPT-4、GPT-3.5以及Anthropic的Claude 2在内的所有其他模型。这一成就彰显了BLACKBOX.AI在编码领域的强大实力。
BLACKBOX.AI

的功能丰富多样,包括:

  • 自然语言转代码:能够回答编码问题,协助用户更快速地编写代码。
  • 实时知识:掌握世界实时动态,能够回答关于最新事件、技术突破、产品发布、API文档等的问题。
  • 代码补全:与VSCode无缝集成,根据存储库上下文自动建议下一行代码。
  • 图像分析:通过BLACKBOX Vision,用户可以指示BLACKBOX分析图像输入,如代码截图或产品草图。
  • 代码注释:无论代码量大小,BLACKBOX都能为其生成恰当的注释,且支持所有编程语言。
  • 提交消息生成:为存储库文件中的更改编写恰当的提交消息。
  • 与代码文件聊天:用户可以上传大型代码文件,并与BLACKBOX进行交互聊天。

在这里插入图片描述
在这里插入图片描述

🍁5 Create Agent(创建代理)功能

Create Agent(创建代理)

功能是一个专门用于帮助用户构建个性化

人工智能聊天机器人

的工具。通过这个功能,用户可以轻松创建出一个符合自己需求的AI助手。以下是关于这个功能的详细介绍:

功能目的:

该功能的主要目的是为用户提供一个平台,让他们能够根据自己的特定需求,创建出具有独特功能和个性的AI聊天机器人。

表单填写内容:
  • Name(姓名):用户需要为自己的AI聊天机器人起一个名字,比如“Code Commentator”,这个名字将作为机器人的身份标识。
  • Instructions(指示):用户需要为机器人提供一些明确的指令或描述,以定义机器人的行为或角色。例如,“你是一个专业的代码注释者”,这样的指令会让机器人明白自己的主要任务。
  • KnowledgeBase(知识库):用户可以为机器人提供一个或多个知识库的URL。这些URL链接到包含有用信息或数据的网页,机器人可以在回答问题时参考这些内容。
  • Add Files(添加文件):如果用户有与机器人相关的文件,比如文档、PDF、图片等,可以通过这个功能上传,以便机器人在需要时能够访问。
  • Publish to(发布到):用户需要选择机器人的发布范围。可以选择公开发布,让任何人都可以访问和使用这个机器人;也可以选择私有发布,只有特定的人才能访问和使用。
功能流程:

用户填写完表单后,点击“Create Chatbot”(创建聊天机器人)按钮。
系统会根据用户提供的信息和设置,开始构建个性化的AI聊天机器人。
构建完成后,用户就可以与自己的AI聊天机器人进行交互了。

功能优势:

个性化定制:用户可以根据自己的需求和喜好,定制出独一无二的AI聊天机器人。
简单易用:通过填写表单的方式,用户可以轻松创建出复杂的AI聊天机器人,无需专业的编程技能。

灵活多变

:用户可以随时修改机器人的设置和指令,以适应不同的使用场景和需求。
在这里插入图片描述

🍁6 Playground(广场)功能

主要有:选择

需要的编程语言

评论

增加注释

查找错误

运行功能

指示功能


在这里插入图片描述
该功能也同样支持在

VSCode插件

中使用,以及可以生成链接进行分享。

在这里插入图片描述

💎6.1 选择对应的编程语言

下面以HTML语言为例子:
编写的时候和在编译器里一样,会有

代码补全

提示
在这里插入图片描述

在这里插入图片描述

💎6.2 Comment(评论)功能

评论功能

是一个强大的

辅助工具

,它能在你点击

“Comment”按钮

后,根据当前的代码内容,进行

Instruction提示

,然后自动生成一个包含建议和分析的文档,我们同样可以通过修改提示内容进行提问。
在这里插入图片描述

💎6.3 Explain(解释)功能

解释功能

是一个智能化的工具,它可以根据当前的代码块生成对应的指令(Instruction)提示,并自动生成一个

详细解释代码

的文档。用户还可以通过修改提示内容来提出具体的问题,以获得更深入的解答。
E

在这里插入图片描述

💎6.3 Find Bugs (查找错误)功能

 Find Bugs

(查找错误)功能是一个智能化的

编程辅助工具

,它能够根据当前的代码块生成对应的

指令(Instruction)

提示,并自动分析代码以生成一个指出其中

可能出现的错误

的文档。用户还可以通过修改提示内容来提出具体的问题或关注点,以获得更深入的解答或分析。
在这里插入图片描述

💎6.4 Run(运行)功能

Run功能

是一个强大的在线编程辅助工具,它允许用户直接在网页上模拟编译器对代码块进行编译,并实时查看

输出结果


在这里插入图片描述

🍁7 Code Translation Agent(代码翻译代理)功能

代码翻译代理

功能是一个

创新

的编程工具,它允许用户选择需要转换的源编程语言和目标编程语言,并自动将代码从一种语言转换为另一种语言。同时,该功能还会提供

详细的分析文档

,帮助用户更好地

理解

学习

新的编程语言,以及掌握不同编程语言之间的

差异

在这里插入图片描述

HTML

成功转换成了

Java

形式,输出结果不变,同时会给出分析文档,让我们更好的理解不同编程语言之间的

差异性


这个功能也同样搭配

VSCode插件

使用,以及可以生成链接进行

分享

,非常方便。
在这里插入图片描述

在这里插入图片描述

🍁8 Code Comment Agent(代码注释代理)功能

代码注释代理

功能是一个智能化的编程辅助工具,它能够对用户提供的代码块进行深入分析,并根据分析结果自动生成

必要的注释

。这些注释旨在帮助用户更好地理解代码的

工作原理

逻辑结构

以及

潜在的优化点


该功能也同样搭配

VSCode插件

使用,以及可以生成链接进行

分享

,非常方便。

在这里插入图片描述

publicclass test10_1 {publicstaticvoidmain(String[] args){for(int i =1; i <=5; i++){if(i ==1){System.out.println("    @");}elseif(i ==2){System.out.println("   @@");}elseif(i ==3){System.out.println("  @@@");}elseif(i ==4){System.out.println(" @@@@");}elseif(i ==5){System.out.println("@@@@@");}}}}

这里以

Java的for循环

为例子,它在注释中给出了代码的原理,还添加了该类及其用途的简短描述,以及程序生成的输出的示例。这可以帮助其他人

更容易理解

和使用代码。
在这里插入图片描述
在这里插入图片描述

🍁9 Android App (安卓应用程序)功能

为了方便用户在移动设备上也能享受便捷的编程辅助体验,

BLACKBOX.AI

推出了对应的

Android应用程序

。用户可以根据自己的需求,在安卓设备上下载并安装该应用程序,随时随地使用各种编程辅助功能。
详见官网:BLACKBOX.AI Code Chat
在这里插入图片描述

在这里插入图片描述

🍁10 Multiplayer Editor (多人编辑)功能

Multiplayer Editor

功能是一种专为

团队合作设计

的在线编程工具,它允许

多名开发者

在共享的空间中实时

协同编写

、编辑和运行代码。这种功能极大地促进了团队之间的沟通和协作效率,使得远程工作也能像面对面交流一样顺畅。
同样这个功能也适合我们在没有编译器情况下在网页上进行

编程练习


在这里插入图片描述
对应功能区

设置

我们需要的内容

在这里插入图片描述
可进行

多人编辑

,以及可开启

AI辅助编程

在这里插入图片描述

🍁11 View History(查看历史记录)功能

View History

功能是一个实用的编程辅助工具,它允许用户轻松

查看和回溯

之前的编程活动、代码更改或查询历史。这一功能对于跟踪工作进度、复习学习过程或找回丢失的代码片段特别有帮助。
在这里插入图片描述
可以看到之前的历史记录。
在这里插入图片描述

🍁12 BLACKBOX.AI插件(兼容VSCode)介绍

BLACKBOX.AI

提供了与

VSCode

兼容的插件,该插件基本能在

VSCode

使用上面提到的所有功能。我们可以直接点击相应的按钮跳转到

插件安装

页面,轻松实现插件的安装。接下来,我们就来试试看这个插件的功能吧!
在这里插入图片描述在这里插入图片描述
在这里插入图片描述

BLACKBOX.AI

的在线网站中的功能如出一辙,这款

VSCode插件

同样能提供强大的

编码辅助

。它能深入分析当前

正在编辑的文件

,给出优化代码的建议,使用体验极佳!无论是

修复错误

添加新功能

还是

重构代码

,它都能迅速提供

实用的建议

,显著提升

开发效率

,让编码工作变得轻松又高效。
在这里插入图片描述
这里是一个

例子


让它帮忙优化CSS部分,反应速度很快,非常方便!
在这里插入图片描述

💯推荐配合使用的浏览器在线翻译插件

由于

BLACKBOX.AI

只有

英语语言版本

,我们可以使用一些

浏览器翻译插件

帮助我们更换地使用

BLACKBOX.AI


直接在浏览器

拓展

里面搜索

沉浸式翻译

在这里插入图片描述
将这三个按钮打开就可以啦,可以看到成功看到

翻译

了。

在这里插入图片描述

💯个人使用体验总结

以上就是本人使用

BLACKBOX.AI

后基于

官方使用手册

内容进行介绍功能和注意事项的内容啦。这是一款专注于辅助编程学习的AI工具,这几天使用下来,发现确实很适合进行编程学习,体验感不错,

BLACKBOX.AI

插件搭配

VSCode

真的非常好用!里面的有些功能让我眼前一亮,具有

黑夜/白天

切换功能这个确实非常nice,切实考虑到了用户实际使用场景。里面的内容基本都可以生成

分享链接

,就不用像之前一样分享给别人还要复制或者截图,碰到那种非常长的信息就要整好久,这个直接给个链接过去就完美解决了!还有代码翻译功能,在输出相同情况下,将一种编程语言转换成另一种编程语言,还会搭配文档进行讲解如何变换的,这个在我们接触

新的编程语言

时,可以更好的理解不同编程语言之间的

相似性

差异性

。还有

在线编程

的话,在没有编译器的情况下用这个练练手也是可以的。还有就是希望之后能推出中文版本,这样子就更好了。总之,在这个AI工具上看到了很多创新性,希望将来能推出更多有趣的功能!


在这里插入图片描述



本文转载自: https://blog.csdn.net/2201_75539691/article/details/140051801
版权归原作者 小z前端笔记 所有, 如有侵权,请联系我们删除。

“BLACKBOX.AI:解锁编程学习新纪元,加速开发的AI得力助手”的评论:

还没有评论