使用 MarsCode的基本功能全教程

532 阅读4分钟

概述

MarsCode的用户界面设计简洁直观,尤其是使用过VSCode的同学上手起来会更加得心应手。MarsCode结合了传统代码编辑器的熟悉布局和创新的AI辅助功能。本指南将帮助您了解MarsCode的主要界面元素和常用操作,使您能够更高效地使用这款强大的AI驱动代码编辑器。

一、cursor是什么?

豆包 MarsCode 编程助手是豆包旗下的 AI 编程助手,提供以智能代码补全为代表的 AI 功能。它支持主流的编程语言和 IDE,在开发过程中提供单行代码或整个函数的编写建议。此外,它还支持代码解释、单测生成和问题修复等功能,提高了开发效率和质量。如果你是资深vscode用户,那么恭喜你可以直接无缝衔接MarsCode。当然,如果你是和我一样的JetBrains IDEs选手,你也可以很快上手MarsCode。

image.png image.png

二、使用步骤

MarsCode的下载

打开 IDEA/WebStorm(这里我用WebStorm做一个演示)

1.进入Settings

image.png 2.搜索MarsCode并下载

image.png

智能补全

打开代码文件,输入一段代码,MarsCode 就会为您自动补全代码:

image.png 按下 Tab 键接受所有补全建议:

image.png

AI问答

用户可通过点击右上角工具栏中的MarsCode – 开始对话或者使用鼠标右键打开对话窗口进行对话:

image.png 当用户选中代码段再进行对话时,MarsCode 会自动引用用户所选中的代码段,此时可直接针对该代码段进行问询等操作:

image.png

代码生成

豆包 MarsCode 编程助手可以根据你的自然语言描述生成对应的代码片段。

  1. 在输入框中用自然语言描述你的需求。
  2. 点击 发送 按钮或敲击回车键。

豆包 MarsCode 编程助手将生成所需代码片段。

image.png 3. 按需进行以下操作:

1点击 复制 按钮,复制代码框中的代码片段。
2点击 插入 按钮,将代码片段插入至对应的位置。
3点击 添加文件 按钮,将代码片段生成为一个单独的文件。

image.png

代码解释

选中代码片段后,你可以向豆包 MarsCode 编程助手发送代码解释指令。编程助手将解释选中的代码片段。发送指令方式如下:

  • 在侧边对话视图的输入框中输入自然语言描述,例如:解释选中的代码片段;
  • 在侧边对话视图的输入框中输入 /explain 指令;
  • 选中代码片段后右键,然后在快捷菜单中选择 MarsCode > Explain Code
  • 点击代码顶部(Visual Studio Code)或左侧 Logo 中(JetBrains)的 Explain 按钮。

image.png

代码注释生成

选中代码片段后,向豆包 MarsCode 编程助手发送代码注释生成指令。编程将为选中的代码片段生成代码注释。

发送指令的方式如下:

  • 在侧边对话视图的输入框中输入自然语言描述,例如:为所选代码片段生成注释;
  • 在侧边对话视图的输入框中输入 /doc 指令;
  • 点击代码顶部(Visual Studio Code)或左侧 Logo 中(JetBrains)的 Doc 按钮。

image.png

单元测试生成

选中代码片段后,向豆包 MarsCode 编程助手发送单元测试生成指令。编程助手将为选中的代码片段生成单元测试。发送指令的方式如下:

  • 在侧边对话视图的输入框中输入自然语言描述,例如:为所选代码片段生成单元测试;
  • 在侧边对话视图的输入框中输入 /test 指令;
  • 选中代码片段后右键,然后在快捷菜单中选择 MarsCode > Generate Test
  • 点击代码顶部(Visual Studio Code)或左侧 Logo 中(JetBrains)的 Test 按钮。 image.png

三、总结

总体而言,MarsCode是一款强大的人工智能编程助手,可以极大地简化编码过程,提高开发效率。它的智能补全能力和上下文感知能力,使得开发者能够更快地编写代码,避免了重复性劳动。

然而,在使用过程中,开发者仍需理解其局限性,并与其结合使用,以获得最佳使用体验。同时,作为一个新兴工具,MarsCode还需要不断改进和提高,以满足开发者们的需求和期望。