当前位置: 首页 > news >正文

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

在这里插入图片描述

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

我正在参加CodeBuddy「首席试玩官」内容创作大赛,本文所使用的 CodeBuddy 免费下载链接:腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴


🌟嗨,我是LucianaiB!

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

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


目录

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

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

  • 极简无痕:小说内容自动嵌入网页导航栏,视觉低调,随时隐藏/显示,摸鱼不留痕迹。

  • 内容自定义:支持直接编辑、粘贴、上传TXT小说,随心所欲换内容。

  • 速度可调:滚动速度自由调节,适应不同阅读节奏。

  • 本地存储:所有小说内容和设置均保存在本地,隐私安全。

  • 交互友好:支持拖动暂停、按钮恢复滚动、双击隐藏,体验流畅。

环境准备——下载CodeBuddy

打开网站

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

在这里插入图片描述

插件市场

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

在这里插入图片描述

在这里插入图片描述

安装

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

在这里插入图片描述

CodeBuddy实战

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

作品:“摸鱼小说栏” —— MoyuNovelBar
目的:设计一个插件,让网站导航栏变为自动轮播小说,让摸鱼变得简单 
优势:把小说“植入”没人能想到的导航栏注意: 
1.使用manifest v3版本开发 
2.注意中文编码问题# 任务 
请按照用户故事和目的帮我开发谷歌插件 并且为这个起一个名字

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

在这里插入图片描述

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

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

在这里插入图片描述

效果

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

在这里插入图片描述

导入小说

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

在这里插入图片描述

开始摸鱼阅读

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

在这里插入图片描述

交互操作

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

总结

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

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

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

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

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

嗨,我是LucianaiB。如果你觉得我的分享有价值,不妨通过以下方式表达你的支持:👍 点赞来表达你的喜爱,📁 关注以获取我的最新消息,💬 评论与我交流你的见解。我会继续努力,为你带来更多精彩和实用的内容。

点击这里👉LucianaiB ,获取最新动态,⚡️ 让信息传递更加迅速。

相关文章:

  • 视图+触发器+临时表+派生表
  • 用于判断主子关系的方法的实现(orm是efcore)
  • [特殊字符] Word2Vec:将词映射到高维空间,它到底能解决什么问题?
  • 深入解析OkHttp与Retrofit:Android网络请求的黄金组合
  • 蓝桥杯1447 砝码称重
  • Python 实例传递的艺术:四大方法解析与最佳实践
  • 用 RefCounted + WeakPtr 构建线程安全的异步模块
  • 【OpenCV基础2】图像运算、水印、加密、摄像头
  • 如何在 Windows 11 或 10 上安装 FlutterFire CLI
  • CSS提高性能的方法有哪些
  • C++面试4-sizeof解析
  • RabbitMQ的简介
  • C 语言学习笔记(函数2)
  • AI在网络安全中的应用之钓鱼邮件检测
  • Python列表 vs 元组:全面对比解析(新手友好版)
  • MYSQL8.0常用窗口函数
  • input组件使用type=“number“的时候,光标自动跳到首位
  • 【Tools】VMware Workstation 17.6 Pro安装教程
  • 在 CentOS 7.9 上部署 node_exporter 并接入 Prometheus + Grafana 实现主机监控
  • PyMOL命令行和脚本
  • 美国前总统拜登确诊前列腺癌
  • 重庆城市轨道交通拟听证调价:公布两套票价方案,正征求意见
  • 中国田径巡回赛西安站完赛:男子跳远石雨豪夺冠
  • 遭车祸罹难的村医遇“身份”难题:镇卫生院否认劳动关系,家属上诉后二审将开庭
  • 秦洪看盘|风格有所转变,热钱回流高弹性品种
  • 美国务卿会见叙利亚外长,沙特等国表示将支持叙利亚重建