本文正在参加豆包MarsCode测评官征文活动
☀️ 前言
本文含有配套视频,需要的同学可以看文末喔~
- 你是不是跟我一样,每次写代码想要寻求AI帮助时,需要将代码复制出来,找到一个
AI chatbot,复制进去,然后跟他说明这段代码是做什么的,让他帮我做一些事情。 - 有的同学就会说了,那你用
github copilot,可以是可以,但是他每个月10美金的价格实在是接受不起。
- 于是我找到了
MarsCode,基于豆包大模型的智能编程助手,支持智能代码补全,基于项目仓库知识的代码解释,代码错误修复,一键生成单元测试,并且还有可对话的上下文聊天面板。 - 这才是对开发人员友的
AI工具,我们一起来看看究竟如何。
🧑💻 MarsCode
安装
- 我们可以在
vscode扩展应用商店找到他,安装完成后,会在左侧多一个tab,点击我们可以看到一个聊天面板。 - 你可以把它当成一个
gpt,只不过这里多了很多功能,他还很贴心的放了新手引导,让你能快速上手,好了,那让我们一个个来使用这些功能。
代码补全
- 在我们编写代码的时候,只要我们的命名足够语义化,它会根据当前的上下文环境来推断你想要输入的内容。
- 比如我这里想要写一个电话号码的正则表达式判断函数,他会将预测的代码提示在光标处,按一下
tab就可以自动补全到编辑器中。
- 再举个例子,我这里有一个被
ts定义过的树的变量结构,我现在想要实现一个需求。 - 根据某个树节点
id找到这个树节点的所有父级树节点的id,返回一个数组给我。 - 我们只需要输入
//然后输入具体需求,然后换行,他会将代码提示在光标处。 - 按一下
tab则会自动补全到编辑器中,这对于我们平时做需求提供了很多便携和灵感。
错误修复
- 写出
bug是很正常的事情,但是对于一大段函数,我们需要重新去熟悉和debug,确实耗费的时间会很多。 - 这时候我们可以将这段代码选中。在左侧面板中输入指令
“/fix”,它会快速发现代码中的问题并给出智能优化建议,提升代码质量。
代码解释
- 代码解释有两种使用方法,你可以在对应代码块中点击上面的
“代码解释”按钮,或者选中对应代码块,在左侧输入“/explain”即可。
- 他会在左侧面板中对这段代码进行解释,如果你不满意或者还有什么不懂的,可以继续追问
“你可以再详细一点吗?我没看懂”,他会更加全面的回答你。
注释代码
- 对于有的时候写了一些代码后,需要写一些注释的情况,我们可以点击
“注释代码”。 - 他会逐行逐行跟你解释,特别是对于我们需要看第三方库源码的时候太友好了。
- 我们还可以对其插入光标处,一键帮你覆盖到原有的代码上,简直不要太方便。
单元测试
- 单元测试其实是开发时必不可少的内容,但是要自己手写单测其实是很繁琐的。
- 这时候我们可以交给
MarsCode去做这件事情,点击“单元测试”或者选中代码后再左侧面板输入“/test”。
- 他就会去读懂这段代码并且给出一个令你满意的回复,特别是对于工具类的纯函数,它会非常非常精准,且覆盖面很广。
👋 写在最后
- 总的来说,
MarsCode协助并解决了大部分的开发场景,这在以后肯定是每个程序员必不可少的工具了。 - 说实话,会使用
AI和不会使用AI的程序员在工作效率和代码质量上会差很多,赶紧用起来吧。 - 配套视频在这里,欢迎点赞收藏,带上耳机食用更佳喔~
- 本次分享就到这里,如果有帮助的话帮忙点个赞,如果有任何疑问欢迎在评论区讨论,我是小卢,我们下次再见~。