- 于是我找到了 MarsCode ,基于豆包大模型的智能编程助手,支持智能代码补全,基于项目仓库知识的代码解释,代码错误修复,一键生成单元测试,并且还有可对话的上下文聊天面板。
- 这才是对开发人员友的 AI 工具,我们一起来看看究竟如何。
图片
🔥 MarsCode
安装
- 我们可以在 vscode 扩展应用商店找到他,安装完成后,会在左侧多一个 tab ,点击我们可以看到一个聊天面板。
- 你可以把它当成一个 gpt ,只不过这里多了很多功能,他还很贴心的放了新手引导,让你能快速上手,好了,那让我们一个个来使用这些功能。
图片
代码补全
- 在我们编写代码的时候,只要我们的命名足够语义化,它会根据当前的上下文环境来推断你想要输入的内容。
- 比如我这里想要写一个电话号码的正则表达式判断函数,他会将预测的代码提示在光标处,按一下 tab 就可以自动补全到编辑器中。
图片
- 再举个例子,我这里有一个被 ts 定义过的树的变量结构,我现在想要实现一个需求。
- 根据某个树节点 id 找到这个树节点的所有父级树节点的 id ,返回一个数组给我。
- 我们只需要输入 // 然后输入具体需求,然后换行,他会将代码提示在光标处。
- 按一下 tab 则会自动补全到编辑器中,这对于我们平时做需求提供了很多便携和灵感。
图片
错误修复
- 写出 bug 是很正常的事情,但是对于一大段函数,我们需要重新去熟悉和 debug ,确实耗费的时间会很多。
- 这时候我们可以将这段代码选中。在左侧面板中输入指令 “/fix” ,它会快速发现代码中的问题并给出智能优化建议,提升代码质量。
图片
代码解释
- 代码解释有两种使用方法,你可以在对应代码块中点击上面的 “代码解释” 按钮,或者选中对应代码块,在左侧输入 “/explain” 即可。
- 他会在左侧面板中对这段代码进行解释,如果你不满意或者还有什么不懂的,可以继续追问 “你可以再详细一点吗?我没看懂” ,他会更加全面的回答你。
图片
注释代码
- 对于有的时候写了一些代码后,需要写一些注释的情况,我们可以点击 “注释代码” 。
- 他会逐行逐行跟你解释,特别是对于我们需要看第三方库源码的时候太友好了。
- 我们还可以对其插入光标处,一键帮你覆盖到原有的代码上,简直不要太方便。
图片
单元测试
- 单元测试其实是开发时必不可少的内容,但是要自己手写单测其实是很繁琐的。
- 这时候我们可以交给 MarsCode 去做这件事情,点击“单元测试”或者选中代码后再左侧面板输入 “/test” 。
图片
- 他就会去读懂这段代码并且给出一个令你满意的回复,特别是对于工具类的纯函数,它会非常非常精准,且覆盖面很广。