☀️ 前言

本文含有配套视频，需要的同学可以看文末喔～

  • 你是不是跟我一样，每次写代码想要寻求AI帮助时，需要将代码复制出来，找到一个 AI chatbot
  • 有的同学就会说了，那你用 github copilot ，可以是可以，但是他每个月 10美金

不是copilot用不起而是完全免费的MarsCode更有性价比_JavaScript

  • 于是我找到了 MarsCode
  • 这才是对开发人员友的 AI

不是copilot用不起而是完全免费的MarsCode更有性价比_前端_02

🧑💻 MarsCode

安装

  • 我们可以在 vscode 扩展应用商店找到他，安装完成后，会在左侧多一个 tab
  • 你可以把它当成一个 gpt

不是copilot用不起而是完全免费的MarsCode更有性价比_代码补全_03

代码补全

  • 在我们编写代码的时候，只要我们的命名足够语义化，它会根据当前的上下文环境来推断你想要输入的内容。
  • 比如我这里想要写一个电话号码的正则表达式判断函数，他会将预测的代码提示在光标处，按一下 tab

不是copilot用不起而是完全免费的MarsCode更有性价比_代码补全_04

  • 再举个例子，我这里有一个被 ts
  • 根据某个树节点 id 找到这个树节点的所有父级树节点的 id
  • 我们只需要输入 //
  • 按一下 tab

不是copilot用不起而是完全免费的MarsCode更有性价比_前端_05

错误修复

  • 写出 bug 是很正常的事情，但是对于一大段函数，我们需要重新去熟悉和 debug
  • 这时候我们可以将这段代码选中。在左侧面板中输入指令 “/fix”

不是copilot用不起而是完全免费的MarsCode更有性价比_JavaScript_06

代码解释

  • 代码解释有两种使用方法，你可以在对应代码块中点击上面的 “代码解释” 按钮，或者选中对应代码块，在左侧输入 “/explain”

不是copilot用不起而是完全免费的MarsCode更有性价比_前端_07

  • 他会在左侧面板中对这段代码进行解释，如果你不满意或者还有什么不懂的，可以继续追问 “你可以再详细一点吗？我没看懂”

注释代码

  • 对于有的时候写了一些代码后，需要写一些注释的情况，我们可以点击 “注释代码”
  • 他会逐行逐行跟你解释，特别是对于我们需要看第三方库源码的时候太友好了。
  • 我们还可以对其插入光标处，一键帮你覆盖到原有的代码上，简直不要太方便。

不是copilot用不起而是完全免费的MarsCode更有性价比_单元测试_08

单元测试

  • 单元测试其实是开发时必不可少的内容，但是要自己手写单测其实是很繁琐的。
  • 这时候我们可以交给 MarsCode 去做这件事情，点击“单元测试”或者选中代码后再左侧面板输入 “/test”

不是copilot用不起而是完全免费的MarsCode更有性价比_代码补全_09

  • 他就会去读懂这段代码并且给出一个令你满意的回复，特别是对于工具类的纯函数，它会非常非常精准，且覆盖面很广。

👋 写在最后

  • 总的来说， MarsCode
  • 说实话，会使用 AI 和不会使用 AI
  • 配套视频在这里，欢迎点赞收藏，带上耳机食用更佳喔～
  • 本次分享就到这里，如果有帮助的话帮忙点个赞，如果有任何疑问欢迎在评论区讨论，我是小卢，我们下次再见～。