豆包MarsCode的使用与体验

271 阅读2分钟

本文以及本专栏正在参加豆包 Marscode 专栏征文活动,如何喜欢欢迎投票支持,这将对我们意义非凡
投票链接

Hello,大家好啊,

今天我给大家推荐一个有趣的大模型工具是来自豆包的MarsCode

这个豆包工具主要是可以在vscode与IDE插件市场中查看并且使用它们,当然了,也是可以在MarsCode网页端使用的。现在开始我们的使用吧

image.png

首先我们需要做的效果是这样的 帮我创建一个插件,在Chrome浏览器上,打卡任意网页时,右下角可以显示网页二维码,对于这个二维码有一些要求:

  1. 二维码大小256*256
  2. 二维码的下面分两行显示网站名称和网页标题,标题最多显示10个字
  3. 二维码为白底,上边距、左右边距都是25px
  4. 二维码中间显示网页logo
  5. 需要AI工具帮我们把大概的框架搭建出来,然后在修改

image.png

在他的基础上进行调试代码

  1. 中间我遇到过这个问题

image.png 2. 后面发现是因为他无法在manifest.json文件里面找到icons这个文件

  1. 通过问MarsCode才找到的解决办法

image.png 5. 这个需要注意的是需要引入qrcode.min.js这个js库

  1. 还有就是需要引入icon.png图片文件的路径,有一个有问题都会报错的
  2. 代码调试完成之后就是测试使用了
  3. 在地址栏中输入chrome://extensions/并回车,进入扩展程序管理页面。
  4. 点击“加载已解压的扩展程序”按钮,选择您创建的文件夹。
  5. 现在,当您访问任意网页时,右下角都会显示一个二维码,以及网站名称和网页标题。

image.png 这个就是那个插件了哦。