👹 豆包MarsCode 开发 chrome 插件:代码开源 & 经验分享

342 阅读2分钟

全文说明 😎

  1. 介绍开源 chrome extension: Linker 的功能
  2. 分享使用 MarsCode 帮助开发应用的场景,90% 代码为 AI 生成,人工糊了一部分逻辑

Chrome 扩展介绍 🥳

github 源码地址github.com/lwxyfer/Lin…

chrome 商店安装Linker: 用 AI 增强书签管理体验,并替换 newTab 页面

能力简介 🫡

  • 用书签替换你的 newTab 页
  • 保存书签时支持添加标签和描述
  • 支持书签和 Chrome 书签修改双向同步
  • 支持快速搜索书签

TODO 😵‍💫

  • AI 自动标注网站类型,无需手动处理
  • 基于浏览情况自动决断是否保存为书签
  • 基于 AI 自动对书签进行分类和打标

效果图 🫠

home.png

MarsCode 应用场景 👾

代码生成和补全

代码生成和补全是大家最基础也最常用的场景,所以不再多说。各家的差异差距倒也不会感觉到明显差异。

SEO 信息生成

独立开发应用时,我们需要做好 SEO 建设,才能喂给爬虫获得更好的流量。通过 MarsCode 一键生成 SEO 信息并且插入代码,这点十分方便。

iShot_2024-09-23_21.43.17.png

README 生成

MarsCode 读取上下文根据散乱的说明生成标准的开源项目 README 说明。

iShot_2024-09-23_22.05.37.png

I18N 国际化

读取代码文案,生成一组 i18n key,快速实现国际化能力,想翻译几国语言就翻译几国的语言。

iShot_2024-09-23_22.07.38.png

问题和建议 🤧

上面说的都是几个主要应用场景,下面列下使用中的问题和建议。

1.代码上下文

代码上下文不能手动选中,如果能针对某个目录进行分析就好了

iShot_2024-09-23_22.13.44.png

2.自定义调教

暴露的配置较少,针对特定场景能配置自定义的 prompt 或者 agent 那么提供的能力会有想象力。

iShot_2024-09-23_22.15.25.png

以上就是一个简单的分享,代码部分 AI 生成,部分杂乱,将就看,主打一个 AI 生成啥我用啥。 后续文章准备分享下如何快速创建一个 chrome 插件并且快速通过 chrome 审核完成发布。

本文正在参加豆包MarsCode测评官征文活动