工程师 - VSCode的AI编码插件介绍: MarsCode

豆包 MarsCode 

MarsCode AI: Coding Assistant

Code and Innovate Faster with AI

豆包 MarsCode - 编程助手

安装完成并使能后,会在下方状态栏上显示MarsCode AI。

安装完并重启VSCode后,要使用这个插件,需要注册一下账号。然后授权VSCode。

我好像是用手机加验证短信登录的,AI这个东西现在很敏感,好像是随便用,但还真不随便。比如公司里都不让用的。

成功后,会对整个Workspace进行索引,需要一些时间。

在最左侧导航栏中,就会出现一个图标,用来切换到MarsCode AI窗口。

目前这个工具只支持VSCode和JetBrains。

在线文档:

豆包 MarsCode - 文档

前置条件
使用快捷键(Windows: Ctrl + U;macOS:Command + U)唤起侧边对话框。

什么是MarsCode AI  // What is MarsCode AI
MarsCode 是豆包旗下的智能编程助手,提供以智能代码补全为代表的核心能力,支持主流编程语言及 IDE,能在编码过程中提供单行或整个函数的建议,同时支持在用户编码过程中提供代码解释、单测生成、问题修复、技术问答等辅助功能,在编程的各个阶段提供协助支持,提升编码效率与质量,节省开发时间,释放脑海中的创造力。

MarsCode Extension is an AI programming assistant that offers core capabilities such as code completion, supporting mainstream programming languages and IDEs. It provides suggestions for single lines or entire functions during the coding process, and also supports code explanation, unit test generation, bug fix, and AI Q&A during the coding process, thereby enhancing the efficiency and quality of coding.

代码补全 Code Completion
在编码过程中提供单行或多行的代码推荐,并支持通过注释生成代码片段,提升代码编写速度。

It provides single-line or entire function suggestions during the coding process and supports generating code snippets through comments.

场景一:在对应代码处,敲击回车键换行。豆包 MarsCode 编程助手会阅读并理解当前代码,然后自动补全后续代码。

场景二:在对应位置添加注释,然后敲击回车键换行。豆包 MarsCode 编程助手会阅读并理解代码注释,然后直接生成代码。

将鼠标悬浮至自动补全的代码区域,然后按需进行一下后续操作:
点击 接受 按钮或按下 Tab 键,添加自动补全的所有代码。
点击 接收 Word 按钮或使用 Ctrl + → 快捷键,逐字添加自动补全的代码。

代码补全 Pro(beta) // Code Completion Pro (beta)

在修改或重构代码时,支持基于编辑行为和代码情况预测下一个改动点,并给出推荐,协助完整的编码过程。

During code modification or refactoring, it predicts the next modification point and provides recommendations based on editing behaviors and code context to assist in the complete coding process.

1, 光标停在期望触发的位置时,可以通过快捷键 Ctrl+Shift+Enter 主动触发推荐,并通过 Tab 采纳。
2, 当采纳了某个推荐内容后,会触发预测下一个改动点的推荐,点击 Tab 跳转到相应预测行,再点击 Tab 采纳推荐内容。该功能目前仅支持 Visual Studio Code。

代码解释 Code Explain

精确解释项目代码,帮助开发人员快速熟悉项目。

Precisely explains project code for quick development onboarding.

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

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

单测生成 Unit Test Generation


为选中函数生成单测,提升单测覆盖率,提升代码质量。

Generate unit tests for the selected function to improve the unit test coverage rate, thereby enhancing code quality.

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

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

注释生成 Generate documentation

为整个函数或每行代码生成注释,提升代码可读性,方便协同开发。

Generate documentation for the entire function or each line of code to improve code readability, facilitating collaborative development.

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

提示:豆包 MarsCode 编程助手默认生成函数级注释,你可以通过自然语言指定生成更详细的行间注释。

发送指令的方式如下:

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

生成代码注释后,你可以按需进行以下操作:

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

代码生成

豆包 MarsCode 编程助手可以根据你的自然语言描述生成对应的代码片段。
1, 在输入框中用自然语言描述你的需求。
2, 点击 发送 按钮或敲击回车键。
豆包 MarsCode 编程助手将生成所需代码片段。

3, 按需进行以下操作:

编号 / 说明
① 点击 复制 按钮,复制代码框中的代码片段。
② 点击 插入 按钮,将代码片段插入至对应的位置。
③ 点击 添加文件 按钮,将代码片段生成为一个单独的文件。
 

智能修复 AI Fix

一键修改代码bug,提升代码修复效率。
Fix code bugs with a single click, enhancing code repair efficiency.

当代码中存在错误时,窗口中的代码文件名称会高亮,名称右侧会提示错误数量。
选中有问题代码片段后,在对话框中输入自然语言描述(例如:修复选中的代码片段)或 /fix 指令,然后点击右侧的 发送 按钮或敲击键盘上的回车键。豆包 MarsCode 编程助手将为选中的代码片段进行智能修复。

智能问答 AI Q&A

针对研发领域定向优化问答质量,提供更精准的问答结果。

Targeted optimization of Q&A quality offering more precise Q&A results.

唤起对话框后,你可以在输入框中输入你的问题,然后点击 发送 按钮或敲击回车键,豆包 MarsCode 编程助手将回答你的问题。你可以进行多轮问答,不断补充细节,从而使插件的回答更加准确。

切换对话语言
智能问答中,你可以设置编程助手的回复语言。点击问答对话框右上角的设置按钮,选择你想切换的语言。

支持的 IDE及语言 // Multiple IDEs and Various Programming Languages
支持 Python、Go、JS、TS、C++、Java、Kotlin、C、Rust 等主流语言且兼容VSCode 及 Jetbrains 主流编辑器

比如,后端Go语言,前端HTML,应用端Swift,其他语言如Shell,SQL等。

MarsCode AI Extension supports over 100 languages, with particular proficiency in Python, Go, JS, TS, C++, Java, Kotlin, C, and Rust. It also seamlessly integrates with VSCode and JetBrains.

管理快捷键
你可以在 IDE 中管理豆包 MarsCode 编程助手的快捷键。

Visual Studio Code
1,打开 Visual Studio Code。
2,点击左下角的 管理 按钮,然后在快捷菜单中选择 键盘快捷方式。

3,在 键盘快捷方式 窗口的输入框中,输入 “MarsCode” 关键词,筛选出豆包 MarsCode 编程助手的快捷键。
4,按需修改组合键

JetBrains
打开 JetBrains IDE (以 IntelliJ IDEA 为例) 。
1, 点击 管理 按钮,然后在快捷菜单中选择 Settings,打开 Settings 窗口。

2, 在 Settings 窗口的左侧导航栏中,点击 Keymap。
3, 在 Keymap 面板的输入框处,输入 “MarsCode” 关键词,筛选出豆包 MarsCode 编程助手的快捷键。
4, 按需修改组合键。

代码练习
你可以在 MarsCode(代码练习版)中练习编程题目并使用 AI 助手获取解答灵感。你可以使用 MarsCode 的内置题目或创建自定义题目。

感受

对于潮流的新东西,你可以不买单,但你不能不了解,因为就算是个陷阱,跳进去也多了个避坑技巧。但若机会大于风险,那就是你的损失了,这损失可大可小。

对于同一类型的各种新事物新工具,不必非要选到最好最适用的一款,先用起来,大差不差的。同一类型的东西,主要功能总是差不多的把,这个了解知道会用了,类比另一个也会容易些。
 

### VSCode 前端 AI 插件 对于希望提升开发效率并利用人工智能辅助前端开发工作的开发者来说,在 Visual Studio Code (VSCode) 上有许多优秀的插件可供选择。这些插件不仅能够提供代码补全功能,还能通过机器学习技术来理解上下文,从而给出更智能的建议。 #### Tabnine Tabnine 是一款基于云端训练模型的人工智能编码助手,支持多种编程语言和技术栈,包括 JavaScript、TypeScript 及其框架如 React 和 Vue.js。它能预测接下来可能输入的内容,并自动完成多行代码片段[^1]。 ```javascript // 使用 Tabnine 进行代码补全的例子 const app = new Vue({ el: '#app', data() { return { message: 'Hello world!' } }, methods: { greet(name) { // 当键入 "greet" 后按 Tab 键即可触发补全 console.log(`Hi ${name}`); } } }); ``` #### GitHub Copilot GitHub Copilot 被称为“你的 AI 结对程序员”,可以直接集成到 VSCode 编辑器内工作。只需简单描述想要实现的功能,Copilot 就会尝试生成相应的函数或类定义。特别适合快速原型设计阶段或是探索新技术时使用[^2]。 ```typescript // 利用 GitHub Copilot 自动生成 API 请求处理逻辑 async function fetchUserData(userId: string): Promise<User> { const response = await axios.get(`/api/users/${userId}`); // 输入 "/api/u" 并让 Copilot 补充剩余部分 return response.data; } ``` #### Kite Kite 提供实时的 Python 和其他几种流行语言的支持,虽然主要面向数据科学领域,但对于从事 Web 开发特别是前后端分离架构下的服务端渲染应用也有很大帮助。可以获取详细的文档说明以及参数提示等特性[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜流冰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值