【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_AI

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器


🌟嗨,我是LucianaiB!

🌍 总有人间一两风,填我十万八千梦。

🚀 路漫漫其修远兮,吾将上下而求索。


目录

  • 前言
  • 环境准备——下载CodeBuddy
  • 步骤 1: 打开网站
  • 步骤 2: 安装插件
  • 步骤 3: 登录CodeBuddy
  • CodeBuddy实战
  • 任务描述
  • 设计过程
  • 注意事项
  • 效果展示
  • 安装扩展
  • 导入小说
  • 开始摸鱼阅读
  • 交互操作
  • 总结

我想要设计一个谷歌插件,实现下面的功能:

  • 极简无痕:小说内容自动嵌入网页导航栏,视觉低调,随时隐藏/显示,摸鱼不留痕迹。
  • 内容自定义:支持直接编辑、粘贴、上传TXT小说,随心所欲换内容。
  • 速度可调:滚动速度自由调节,适应不同阅读节奏。
  • 本地存储:所有小说内容和设置均保存在本地,隐私安全。
  • 交互友好:支持拖动暂停、按钮恢复滚动、双击隐藏,体验流畅。

环境准备——下载CodeBuddy

打开网站

(1)打开网站: 腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴,点击免费使用

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_AI_02

插件市场

(2)点击前往 JetBrains IDEs 插件市场,在跳转的页面点击Get,为Pycharm进行安装。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_腾讯云_03

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_谷歌_04

安装

(3)安装完成后,在Pycharm中打开“腾讯云代码助手”面板(通常位于IDE的右侧或底部),然后使用您的腾讯云账号进行登录。登录成功后,您将看到如下所示的CodeBuddy界面。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_腾讯云_05

CodeBuddy实战

直接对它提我们要开发的要求,请按照用户故事和注意点帮我开发谷歌插件:

作品:“摸鱼小说栏” —— MoyuNovelBar
目的:设计一个插件,让网站导航栏变为自动轮播小说,让摸鱼变得简单 
优势:把小说“植入”没人能想到的导航栏

注意: 
1.使用manifest v3版本开发 
2.注意中文编码问题

# 任务 
请按照用户故事和目的帮我开发谷歌插件 并且为这个起一个名字
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

在输入初始指令后,它就开始思考问题

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_腾讯云_06

直接开始设计,全部点击接收

在过程中,它还注意到:在Windows PowerShell中,mkdir -p 命令的语法与Linux不同。在PowerShell中,我应该使用不同的方式创建嵌套目录。让我修正这个命令。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_插件_07

效果

  • 打开Chrome浏览器,进入扩展管理页面(chrome://extensions/)。
  • 开启“开发者模式”。
  • 点击“加载已解压的扩展程序”,选择本项目文件夹。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_腾讯云_08

导入小说
  • 点击浏览器右上角插件图标,打开控制面板。
  • 可直接编辑小说内容,或上传TXT文件,或粘贴文本。
  • 点击“保存”或“导入TXT”按钮。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_AI_09

开始摸鱼阅读
  • 小说栏会自动出现在网页导航栏下方,内容自动滚动。
  • 可通过滑块调节滚动速度,适应个人阅读习惯。

【CodeBuddy 】从0到1,让网页导航栏变为摸鱼神器_谷歌_10

交互操作
  • 暂停/恢复:点击小说栏右侧按钮可暂停/恢复滚动。
  • 拖动:按住小说栏内容可拖动暂停,松开后可继续。
  • 隐藏/显示:双击小说栏可隐藏/显示,随时切换。
  • 清空/恢复默认:在控制面板中可一键清空或恢复默认内容。

总结

在本次项目中,我借助腾讯云代码助手 CodeBuddy 成功开发了一款名为“摸鱼小说栏”(MoyuNovelBar)的谷歌浏览器插件。这款插件的核心功能是将小说内容嵌入网页导航栏,以极简无痕的方式让用户在浏览网页时能够轻松阅读小说,同时具备内容自定义、速度调节、本地存储和友好交互等特性。

开发过程中,CodeBuddy 为我提供了强大的支持。它不仅能够快速生成代码框架,还能根据我的需求自动补全代码片段并提供智能提示,极大地提高了开发效率。尤其是在处理复杂的逻辑和交互功能时,CodeBuddy 的智能体 Craft 能够自主完成多文件代码生成和改写,让我能够专注于创意和功能设计,而无需在繁琐的代码细节上耗费过多精力。

此外,CodeBuddy 的工程理解智能体 Plus 功能也让我印象深刻。它能够辅助理解项目工程,提供精准的代码建议和解决方案,帮助我更好地优化代码结构和性能。在开发过程中,我还利用了 CodeBuddy 的代码补全 Plus 功能,基于上下文理解以及编辑行为预测下一个改动点,进一步提升了编码效率。

在未来,我将继续探索CodeBuddy的更多功能,并将其应用于更多有趣和实用的项目中。我相信,随着AI技术的不断发展,CodeBuddy会变得更加智能和强大,能够为开发者提供更全面、更高效的支持。同时,我也希望腾讯云能够持续优化CodeBuddy的功能,例如进一步提升代码生成的准确性和效率,增加更多编程语言的支持,以及提供更丰富的智能问答内容。

如果你也有类似的创意或开发需求,我强烈推荐尝试使用CodeBuddy。它不仅能帮助你快速实现想法,还能提升你的开发效率和代码质量。让我们一起借助CodeBuddy的力量,开启AI时代的智能编程之旅,将更多的创意转化为现实!