「豆包Marscode体验官」:一个人敲代码时的贴心小助手

450 阅读6分钟

我正在参加「豆包MarsCode初体验」征文活动。豆包MarsCode体验官-{玩转AI}开启智能编程之旅,拿手机大奖 - 掘金 (juejin.cn)

相信大家或多或少都使用过AI,当然最多的应该是AI搜索。最近给我的Vs Code安装了Marscode插件,其实早就听说了它在代码编写的过程中,给我们提供了一系列强大的功能,在一些简单的项目中甚至可以疯狂Tab键。碍于我的技术还不是很成熟,本着想自己多敲敲来锻炼一下,所以一直没有安装上。正好最近手上练习的项目很多,技术磨练的也差不多了,刚好官方的活动和自己想体验的心情日渐增长,我已经迫不及待地想要体验了,那么,我带着它走来了,大家快来和我一起体验吧!!!


一、账号注册与插件安装

  • 你可以在官方活动中找到链接,或者在Marscode安装完成后进行账号的注册,如果你也是想参加「豆包Marscode体验官」的征文活动,建议在官方活动的链接中注册账号。

屏幕截图 2024-07-11 205041.png

  • 打开编辑器,找到安装插件的地方,我这里以Vs Code编辑器为例。
QQ_1720703319027.png

登录注册好的账号就可以开始使用啦!!!

第一天我的使用体验

我最近是在写模仿饿了么商家页面的一个小项目,安装完Marscode是在我写完头部,要将文字信息换成后端数据时使用的,现在我项目的效果图是这样的。

image.png

我要把上面的一些商家自己的信息,换成后台拿来的数据放上去,可以让每个商户显示正确的信息和图片。

在这之前我还是没有使用Marscode的,基本的样式还好有less帮忙,花了差不多五六个小时切好了页面,想着切也切累了,还能参与官方的活动,于是安装好了Marscode。正当我封装好axios,准备拿来使用时,神奇的事情发生了。

QQ_1720704193685.png

它可以知道我接下来要引入的内容,更让我惊喜的是,它还知道我放回数据的类型。

QQ_1720707912490.png

接着我在控制台输出,查看拿到的数据,果然是对象类型。我带着不是很相信的大大问号:不是,你怎么这个也能提前“预判”啊?

image.png

后面我又试着换了一个数据类型,然后又尝试了一下......

marscode-text.png

它真的可以!!!这个时候,我不得不感叹这个MarsCode可以的啊。

后来在官方活动的注册页面中,我看到了这是代码补全pro功能,真滴强,虽然我还没有深入的体验,单单凭借我切好的页面,和封装好的axios,就可以知道我接下来要进行的操作。这就算了,它还可以分析我拿回来的数据!

话不多说,我要去好好体验了,享受飞一般的感觉......

第二天使用的感受

昨天安装好并且在项目中一用,简直不要太好用,在敲了一会后,稍微看了一下其他的功能。经过一天的学习,我又不想自己慢慢的敲了,这不,继续取消禁用MarsCode,不管三七二十一,我就是要在夜晚体验一下有“知己”的感觉。建议小白在学习的过程中尽量不使用,不然你会感觉自己是大佬了,别问我为什么知道......话不多说,来一起聊聊第二天的使用感受吧!

先一起来看一下它的所有的强大的AI能力吧

  • 昨天体验的是它的代码补全Pro功能,能够在修改或重构代码时,支持基于编辑行为预测下一个改动点,并给出推荐,协助完整的编码过程,这是官方对这个功能的解释,它还有一个代码补全功能在编码过程中提供单行或多行的代码推荐,并支持通过注释生成代码片段,提升代码编写速度,这里用我项目中设置vue-router时,它给我的代码补全。

index.js-Wsl-Aigc-Visual-Studio-Code-2024-07-12-20-50-00.gif

我们可以看到,当我们写好了注释信息后,MarsCode会帮我们提示生成代码,只需要按Tab键就可以确实使用这些代码。可用率还是很高的,我们只需要修改文件正确的路径就可以了,最后补上的],然后补全输出export default router,很快就设置好了路由,当然,在你补全输出代码时,它也会给你代码提示。对于经验丰富的程序员来说,代码编写速率提升非常明显,因为你知道这些代码的逻辑,只需要修改稍微错误的部分。MarsCode就像一个超级聪明的代码助手,它基于先进的人工智能技术,并通过大量的数据训练和优化,以提高生成代码的准确性和质量。不过呢,它还是有可能会犯点小错误,毕竟没有东西是十全十美的。但总的来说,MarsCode是个大帮手,能让写程序的人干活更快,写出的代码更好。

  • MarsCode还能提供单测生成的功能:为选中函数生成单测,提升单测覆盖率,提升代码质量。这里我用项目中的请求数据的API,使用这个功能,帮你测试这个API的可行性。

axios.js-Wsl-Aigc-Visual-Studio-Code-2024-07-12-21-10-17.gif

它为我们封装好的AIP进行了测试,还做出了解释。

  • 在生成单测的旁边,我们看到了注释代码和解释代码的功能,没错,它就是有这么的贴心,无论是你时隔太久,看不懂自己写的代码,还是阅读别人项目源码时,甚至是在工作中,交接别人的工作,有不懂的地方,都可以问MarsCode。

axios_text.gif

对代码的注释和解释还是很详细和易懂的。也是可以慢慢的改掉我不喜欢注释代码的坏毛病。今天就分享到这啦,我赶紧去把我核心代码都给加上注释啦......

时间来到了第三天,我的项目在MarsCode的帮助下,进展的飞快

  • 已经完成了项目的核心功能啦

xue.gif 在今天在刷leetcode算法的时候,一直通过,于是我看到了Marscode的错误修复功能:快速发现代码中的问题并给出智能优化建议,提升代码质量。

image.png

输入"/fix"指令,选中你有问题的代码,它就会帮你修改并优化。

最后,它当然还有AI问答功能,不同于其他的AI问答,Marscode针对性地优化研发领域知识问答的质量,提供更准确的问答结果。

image.png

我的体验总体感觉很好,但是在代码注释和