网站点击量查询,企业公司网站模版,铜川做网站电话,在线绘画软件经过多轮迭代#xff0c;deepin 文件管理器#xff08;dde-file-manager#xff09;的扩展功能已经趋于稳定#xff0c;看到越来越丰富的文管新功能#xff0c;作为一名技术爱好者#xff0c;也想自己动手写个插件扩展一下文管的功能。
我选择的开发工具是 deepin-IDEdeepin 文件管理器dde-file-manager的扩展功能已经趋于稳定看到越来越丰富的文管新功能作为一名技术爱好者也想自己动手写个插件扩展一下文管的功能。
我选择的开发工具是 deepin-IDE原因有两个一是 deepin-IDE 本身集成了文管的插件模板对研发者而言只需要通过引导创建模板代码然后在上面修修改改即可不用再去阅读大量的文管源码还有一个原因是 deepin-IDE 已经支持了较多的 AI 能力包括注释添加、代码翻译、修复bug、解释代码、代码审查、生成单元测试和生成提交信息正好借此机会看看能带来多少的效率提升。
首先说下结论有模板 AI的助力整个开发过程体验下来还是非常顺畅让我仅用不到两个小时的时间就把功能加上接下来就分享给大家完整的开发过程。 Part 1 准备工作
首先通过应用商店下载最新版本的 deepin-IDE 启动 deepin-IDE首先看到的是最近访问页面点击下图中的按钮在弹出的引导界面选择文管插件随后按照向导一步一步的完成配置。 引导完成后在工程树可以看到插件模板的代码结构 在这个模板里面有说明文档按照指引将工程配置一遍在编译后插件文件会自动安装到指定位置文管检测到插件变化提示用户进行更新 为了测试插件是否安装成功打开文管并选中某个文件右键已经可以看到新增的右键菜单 这些右键菜单都是插件模板已经实现的功能我们要做的是修改这些代码在这个过程中就可以体验 deepin-IDE 的 AI 辅助编程功能。需要注意的是如果想要体验完整的 AI 功能还需要做一个准备工作就是登陆 AI 插件关联的网站在 IDE 界面的消息界面会弹出 AI 插件登陆提示 点击登陆按钮完成登陆后就可以使用全部的 AI 功能。到这里所有的准备工作就算完成。 Part 2 解释功能
要新增加密功能第一步应该在文管中添加右键菜单。找到对应的源文件阅读代码并定位到如下的位置 bool MyMenuPlugin::buildNormalMenu(DFMExtMenu *main, const std::string ¤tPath, const std::string focusPath, const std::listpathList, bool onDesktop) { ... // 通过代理创建 action此 action 在堆区分配不自行释放将内存泄露 auto rootAction { m_proxy-createAction() };rootAction-setText(角标管理); // 通过代理创建 menu此 menu 在堆区分配不自行释放将内存泄露 auto menu { m_proxy-createMenu() }; // 二级菜单在 Hover 中创建以减少一级菜单显示的性能开销 rootAction-setMenu(menu);rootAction-registerHovered([this, pathList](DFMExtAction *action) { if (!action-menu()-actions().empty())return;auto favoriteEmblemAct { m_proxy-createAction() };favoriteEmblemAct-setText(角标设置为favorite);favoriteEmblemAct-setIcon(emblem-favorite);favoriteEmblemAct-registerTriggered([this, pathList](DFMExtAction *,bool) { std::for_each(pathList.begin(), pathList.end(), [this](conststd::string path) {setEmblemIcon(path, emblem-favorite); }); }); ... return true; } 代码注释很详细添加的方法也很简单只需要自己创建一个菜单和 Action通过接口注册进去就可以了。具体的逻辑是写在 Action 的回调里面处理用⼾触发菜单时会自动执行。
以上对代码的理解是基于个人的经验在这种对代码不是很熟悉的场景下正好可以试试 AI 的解释功能。
选中这段代码右键点击解释代码选项得到如下的结果 着重看红色方框里面的内容其中功能描述部分还是比较准确的和个人的理解相近除此之外 AI 还把函数的参数都解释了一遍这比自己阅读代码得到的信息更多。
不过这个功能还是存在槽点后面罗列出来的具体步骤还是有些繁杂不如“show me the code”来的更加直接。
但换个场景想想假设我正在翻看其它语言的代码或者涉及到算法、shader 代码解释功能的优势就体现出来了就像文言文里面的白话注释可以不用但不能没有。
所以啊在当前 AI 功能眼花缭乱的背景下只有在合适的场景、合适的需求下去使用才会得到事半功倍的效果。 Part 3 智能问答
理解到代码的大概意思接下来就是手搓代码的过程。
第一步将模板中已有的代码进行修改比如去掉多余的Action修改菜单名字等让其符合我的最终需求效果如下 有了界面接下来就是添加加密和解密的逻辑。
对于不怎么使用加密工具的研发者来说并不知道使用什么加密工具以及如何什么样的参数。在这个场景下相信大部分的小伙伴已经不假思索的打开 ChatGPT 进行问答操作了。
不过这次是在 deepin-IDE 里面我直接展开 deepin-IDE 左侧的问答界面进行查询在进⾏了多番连续的问答后得到如下答案 Part 4 代码补全
为了把加解密功能加进去我在对应的类中添加了两个函数分别用于加密和解密然后开始输入代码在敲完函数体回车后就得到 deepin-IDE 的代码补全提示 敲击快捷键 CtrlT 填入对应的代码随后再次利用这个功能便快速得到完整的函数代码 以同样的方法我把代码解密的函数代码也补充完成。
体验下来补全的代码解决了我大约 90% 的工作量不过并没有完全符合功能需求原来的文件还遗留在本地。
我在靠后的位置先写上注释说明需要删除原来的文件随后轻点回车不待我反应过来补全内容已经直接呈现 为了保持和之前一样的优雅我愉快的按下了 Ctrl T 快捷键。随后多次、重复的使用 AI 代码补全功能将剩余的函数一一实现。
最后编译整个工程然后随便找了个“README.md”文件试了试成果。这是文件里面原来的内容 接下来进行加密操作
1、右键该文件选择加密选项。
2、在当前目录随即出现了一个新文件名字后面加上了“encrypted”后缀之前的文件也被删除。
3、打开该文件可以看到里面的内容已经被加密无法正常阅读。 如果仔细观察还会发现文件图标的左下角多了一个爱心图标表示这是一个加密文件。解密也是同样的操作它会把文件名恢复为原来的名字左下角的加密图标也会消失。 Part 5 单元测试
功能是完成了但为了保证代码质量单元测试也是不可缺少的一环。
在 deepin-IDE 里面也提供了这个功能选中一段代码让 AI 生成测试内容看看效果如何 这个工程没有使用任何测试框架但 AI 还是把测试用例的大体结构搭建好了和大多数 AI 辅助功能一样还是需要自己动手修改。不过粗略估计该功能大致可以节省 50% 左右的工作量。 Part 6 准备工作
为了完成开发闭环接下来就需要把代码提交到仓库。
在常规的提交方式下我们会根据经验总结修改的内容形成提交信息。
在 deepin-IDE 里面可以直接根据修改内容生成提交信息甚至把总结的依据也罗列出来。右键点击 CodeGeeX 生成git commits如下图所示 随后在智能问答界面会输出提交信息和提交依据 最后一句的总结可以说非常的准确同时也节省了不少思考时间。
Part 7 审查代码
当然如果害怕提交的 PR 被其他人暴力 Review自己可以在本地进行预先审查。
具体可以通过 deepin-IDE自带的代码审查功能方法还是通过选中代码和右键菜单触发得到如下结果 这里我选取的是加密函数的代码总计有仅有12行但 AI 功能给出的代码审查建议竟然多达10条之多我一度怀疑自己的编码质量怎会降到如此程度不过细细看来AI 还是审查得过于严苛了。
建议研发人员将其作为参考信息提取有用部分进行自查即可。 Part 8 总结
deepin-IDE 中的 AI 能力在持续不断的完善。而在本次的使用过程中也用到了 deepin-IDE 提供的插件模板功能较为明显的降低了从头开始写文管插件的难度随着后面各类系统工具的集成deepin-IDE 在开发效率上的提升也会越来越明显。
最后十分感谢社区用户Mozart的投稿也欢迎大家踊跃投稿分享你的新发现和新玩法。
GitHubGitHub - linuxdeepin/deepin-unioncode
官方网站https://ide.deepin.org/zh 相关阅读
1支持 deepin深度社区
2deepin 技术分享合集 内容来源deepin深度社区
转载请注明出处
