0
点赞
收藏
分享

微信扫一扫

嵌入式网页服务实现

言诗把酒 2024-06-30 阅读 31

文章目录


在这里插入图片描述


💯BLACKBOX.AI 官网

BLACKBOX.AI的主要功能包括:

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

🍁1 BLACKBOX.AI 工具使用教程

相信通过阅读BLACKBOX.AI 官网的使用手册后,你一定对BLACKBOX.AI功能有一定了解啦,接下来让我以一个使用者的角度来具体介绍一下。

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

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

🍁3 Chat(聊天)功能

🍁4 Explore (探索)功能

💎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插件使用,以及可以生成链接进行分享,非常方便。

在这里插入图片描述

public class test10_1 {
    public static void main(String[] args) {
        for (int i = 1; i <= 5; i++) {
            if (i == 1) {
                System.out.println("    @");
            } else if (i == 2) {
                System.out.println("   @@");
            } else if (i == 3) {
                System.out.println("  @@@");
            } else if (i == 4) {
                System.out.println(" @@@@");
            } else if (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只有英语语言版本,我们可以使用一些浏览器翻译插件帮助我们更换地使用BLACKBOX.AI
直接在浏览器拓展里面搜索沉浸式翻译
在这里插入图片描述
将这三个按钮打开就可以啦,可以看到成功看到翻译了。

在这里插入图片描述

💯个人使用体验总结

以上就是本人使用BLACKBOX.AI后基于官方使用手册内容进行介绍功能和注意事项的内容啦。这是一款专注于辅助编程学习的AI工具,这几天使用下来,发现确实很适合进行编程学习,体验感不错,BLACKBOX.AI插件搭配VSCode真的非常好用!里面的有些功能让我眼前一亮,具有黑夜/白天切换功能这个确实非常nice,切实考虑到了用户实际使用场景。里面的内容基本都可以生成分享链接,就不用像之前一样分享给别人还要复制或者截图,碰到那种非常长的信息就要整好久,这个直接给个链接过去就完美解决了!还有代码翻译功能,在输出相同情况下,将一种编程语言转换成另一种编程语言,还会搭配文档进行讲解如何变换的,这个在我们接触新的编程语言时,可以更好的理解不同编程语言之间的相似性差异性。还有在线编程的话,在没有编译器的情况下用这个练练手也是可以的。还有就是希望之后能推出中文版本,这样子就更好了。总之,在这个AI工具上看到了很多创新性,希望将来能推出更多有趣的功能!


在这里插入图片描述


举报

相关推荐

0 条评论