应该有不少小伙伴现在在使用豆包MarsCode编程助手在写代码,最近已经支持接入集成 DeepSeek了!它搭载了强大的豆包大模型1.5,还支持切换满血版DeepSeek R1和V3,这给我们带来了全新的体验。下面,咱们就详细聊聊MarsCode 如何接入集成 DeepSeek,以及一些亮点。

1、升级MarsCode插件

(一)安装与更新

1)新用户:如果你是第一次使用MarsCode,以Visual Studio Code为例,打开VSCode的扩展窗口,在搜索框里输入MarsCode,找到插件后点击「install」安装,安装好登录就能用了 。如果你用的是JetBrains系列软件,就到对应的插件中心下载即可。

2)老用户:已经安装过MarsCode的用户,把编程助手更新到最新版本就行(要是开启了自动更新,软件会自动帮你更新)。更新完重启IDE,就能体验新功能啦。VSCode的最新版本是1.1.62 ,JetBrains的是1.2.1.15 。

(二)体验模型切换

在AI对话界面的右下角,你可以自由切换豆包大模型1.5、DeepSeek R1和V3这几个模型。根据不同的需求和场景,选择最合适的模型,让编程更高效。比如,你想快速得到代码解释,豆包大模型1.5可能更适合;要是遇到复杂的代码修复问题,DeepSeek R1强大的深度思考和精准推理能力或许能帮到你。

2、模型升级内容及优势

(一)多模型支持

这次升级最大的亮点,就是MarsCode编程助手支持多个强大的模型,包括豆包大模型1.5、满血版DeepSeek R1和V3 。其中,MarsCode调用的基于火山方舟部署的Deepseek R1性能超厉害,在三方评测里,它的TPS(每秒Token生成速度)、TTFT(首token出现等待时间)等指标都是行业顶尖水平。这些模型都能开箱即用,不用自己部署,还不卡顿,并且完全免费不限量,简直太良心了!

(二)模型升级亮点

1.代码解释更精准:就拿解释项目代码来说,以豆包大模型1.5为例,它返回的内容不仅有条理,会进行结构分类,能把所有代码解释清楚,还会自动给注释补充辅助解释,让你对代码理解得更透彻。比如下面这段代码(为方便理解,在代码前新增注释):

// 以下代码定义了一个搜索框组件,包含搜索框样式、图标、输入框等部分 import { useState, useRef } from "react"; import { styled } from "@mui/material/styles"; import InputBase from "@mui/material/InputBase"; import Searchicon from "@mui/icons-material/Search"; const Search = styled("div")(({ theme }) => ({ position: "relative", width: "100%", display: "flex", alignItems: "center", })); const SearchIconWrapper = styled("div")(({ theme }) => ({ cursor: "pointer", padding: theme.spacing(0, 1), height: "100%", display: "flex", alignItems: "center", justifyContent: "center", })); const StyledInputBase = styled(InputBase)(({ theme }) => ({ color: "inherit", "&.MuiInputBase-input": { width: 0, transition: theme.transitions.create("width", { duration: theme.transitions.duration.shorter, easing: theme.transitions.easing.easein, }), "&:focus": { width: "20ch", }, }, })); export default function SearchBox() { const [isFocused, setIsFocused] = useState(false); const searchInputRef = useRef<HTMLInputElement>(null!); const handleClickSearchIcon = () => { // 直接触发聚焦,无需判断状态 searchInputRef.current.focus(); // 确保状态同步更新 setIsFocused(true); }; return ( <Search sx={isFocused ? { border: "1px solid white", backgroundColor: "black" } : {}} > <SearchIconWrapper onClick={handleClickSearchIcon}> <SearchIcon /> </SearchIconWrapper> <StyledInputBase inputRef={searchInputRef} placeholder="Titles, people, genres" inputProps={{ "aria-label": "search", onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), }} /> </Search> ); } 

使用MarsCode的“/explain”指令解释这段代码时,AI会清晰地告诉你,Search是搜索框的容器,用flex布局让子元素垂直居中;SearchIconWrapper是搜索图标的容器,鼠标指针放上去会变成手型,点击它可以触发搜索相关操作,同样用flex布局让图标居中;StyledInputBase是设置了样式的输入框,一开始宽度是0,当输入框获得焦点时,宽度会变成20个字符宽度,而且这个变化还有过渡动画,看起来很平滑。

2. 代码注释更完善:要是你想给代码添加注释,MarsCode也能做得很好。它支持按行注释,注释内容涵盖代码的各个模块,非常完整,也很简单易懂。比如,在给上面搜索框组件代码的StyledInputBase部分添加注释时,它会详细说明color: "inherit"是让输入框文字颜色继承父元素颜色,"&.MuiInputBase-input"相关样式设置是针对输入框内部输入内容的样式调整等。

3. 代码修复无死角:要是代码有问题,以DeepSeek R1为例,用“/fix”指令,它能把问题找出来并给出修复方案,修改意见很全面,修复后的代码完整性更高。就像上面搜索框组件代码里,如果handleClickSearchIcon函数存在点击时无法正确聚焦输入框的问题,DeepSeek R1会仔细分析,指出当前函数里的if(isFocused)判断逻辑有误,因为当isFocusedtrue时,输入框已经聚焦了,再设置聚焦和更新状态是多余的,而且条件判断方向可能反了。正确做法是直接执行聚焦方法,移除条件判断,并且调整状态更新的位置,确保状态和实际DOM状态一致。

4. 代码优化更全面:升级后的模型还能帮你优化代码。它会从代码规范、性能等方面给出很多优化思路,比之前考虑得更周全。比如还是上面那段搜索框组件代码,在代码规范方面,它会发现handleClickSearchIcon函数里注释后面有双空格,可能不符合某些团队的代码风格,建议统一注释格式;在性能方面,会指出当前isFocused状态由点击图标和输入框的onFocusonBlur事件共同更新,可能导致状态同步问题,造成不必要的重复渲染,建议优化状态管理方式。

5. 上下文问答更清晰:当你想了解代码仓库的作用,或者项目整体架构和实现方式时,DeepSeek R1返回的结果逻辑清晰,分类完整。比如,对于基于React + TypeScript实现的Netflix风格流媒体平台前端工程,它会告诉你这个项目的核心功能有动态视频墙展示(能横向滑动和分页加载)、视频详情模态框(包含预览播放和元数据展示)、自适应播放器页面(支持画质切换、字幕和播放控制)、智能搜索框(带动画过渡效果),以及响应式导航栏和用户交互;还会介绍技术亮点,像采用了React 18 + TypeScript + Redux Toolkit + MUI v5这些现代前端技术栈,以及用到了react – slick轮播组件、video.js播放器、无限滚动加载、交互动画等关键实现技术。这比升级前更有助于开发者理解项目。

3、不同开发场景下的应用

升级后的MarsCode在很多开发场景都能发挥大作用:

  1. 简单应用开发场景:你可以和AI用自然语言交流,让它帮你搭建个人应用,像网页、App这些都没问题。同时,它还能辅助你学习编程语言,解答技术知识疑问,帮你分析个人需求。
  2. 代码辅助理解等场景:在面对开源项目时,它能帮你快速理解项目代码,自动生成代码注释和文档,还能针对代码错误或漏洞给出修复建议。
  3. 日常业务开发场景:项目刚开始时,它能帮你构建初始化代码框架;对于历史项目,它可以协助进行重构;还能自动生成单元测试,优化代码性能。

总之,MarsCode编程助手的这次升级,给我们带来了更强大的功能和更高效的编程体验,very good!