实战|从手绘稿到小游戏,豆包编程模型上手指南

151 阅读6分钟

为什么你需要一个 Coding Plan?

作为开发者,我们总在追求更高效、更智能的编码方式。你是否厌倦了编写重复的样板代码?是否希望在复杂的“Agentic 编程”任务中有一个真正懂你的助手?

为了解决这一痛点,火山引擎正式发布了豆包编程模型 (Doubao-Seed-Code)。

这不是又一个普通的“代码补全”工具。它专为复杂的 Agentic 编程任务深度优化,并且在权威的 SWE-Bench-Verified 官方榜单上刷新了 SOTA 纪录。这意味着它在理解和执行复杂编程指令方面拥有顶尖的实力。

但顶尖的模型,如何才能“丝滑”地集成到你的日常工作中?

这就是我们同步推出全新订阅制套餐 “Coding Plan” 的原因。

它不是一个单一的模型授权,而是一套为开发者量身打造的 AI Coding“军火库” 。参与Coding Plan活动,你将获得:

  1. 顶尖模型访问权:
  • 获得火山引擎最新的豆包编程模型 (Doubao-Seed-Code) 的调用权限,专攻 Agentic Coding 任务,SOTA 级别。
  1. 超高性价比:
  • 专为高需求开发者设计,用得多、省得多
  • 我们提供了“优惠计划彩蛋”,首月订阅低至9.9元
  1. 无缝的工具集成:
  • 兼容 Anthropic API 等主流开发环境,让你无需修改现有的集成代码,就能将豆包模型接入。
  • 完美支持 Claude Code、veCLI、Cursor、Cline、Codex CLI 等主流工具环境,Coding Plan 都能很好地支持,让你在熟悉的工具中调用豆包模型。
  1. 稳定可靠的保障:
  • 所有服务均依托火山方舟超大资源池,告别卡顿和排队,为你提供稳定、畅快的算力保障。

简而言之,Coding Plan 是你获取顶尖模型稳定算力高性价比的“通行证”。

本指南将带你一步步完成从购买 Coding Plan 到在“体验中心”和“claude code”实际使用模型的全过程。

准备工作:开始之前

注册账号

实名认证

  • 使用已注册的火山引擎账号登录火山引擎官网(www.volcengine.com/)。
  • 单击右上角账号名下拉框中的【账号管理】进入对应页面。
  • 使用已注册的火山引擎账号访问实名认证页面(console.volcengine.com/user/authen…
  • 单击左侧导航中的【实名认证】,根据实际情况选择个人或者企业,并填写对应表单或上传相关材料完成实名认证。

Step 1. 模型能力快速体验

  • 体验中心选择 Doubao-Seed-Code-preview 模型,开启模型能力测试。豆包编程模型 (Doubao-Seed-Code)首次使用赠送50万tokesn。

注意:coding plan仅支持通过IDE或API使用,不包括体验中心

www.volcengine.com/experience/…

我在火山方舟与doubao-seed-code-preview-251028对话,快来看看吧

Step 2. 购买你的 Coding Plan

参与活动

打开方舟 Coding Plan(www.volcengine.com/activity/co…

购买成功验证

Step 3. 在编程工具中畅享Coding Plan

Claude Code

MAC/Linux

前置准备与下载

前提条件:安装 Node.js 18 或更新版本环境。(nodejs.org/en/download…

  • 在命令行界面,执行以下命令安装 Claude Code。
npm install -g @anthropic-ai/claude-code
  • 安装结束后,执行以下命令查看安装结果,若显示版本号则安装成功。
claude --version

配置环境变量

  • 在终端执行以下命令进入Claude Code配置文件。
vim ~/.claude/settings.json

Vim 操作说明

  • i:进入插入模式,在光标处插入文本
  • Esc:退出插入模式,返回到命令模式
  • G:移动到文件末尾
  • :wqZZ:保存并退出
  • 编辑 settings.json 配置文件,文件内容如下,请替换对应的环境变量值。

    • ANTHROPIC_AUTH_TOKEN:获取API Key。(console.volcengine.com/ark/region:…
    • ANTHROPIC_BASE_URL:https://ark.cn-beijing.volces.com/api/coding
    • ANTHROPIC_MODEL: doubao-seed-code-preview-latest
{
    "env": {
        "ANTHROPIC_AUTH_TOKEN": "ARK_API_KEY",
        "ANTHROPIC_BASE_URL": "https://ark.cn-beijing.volces.com/api/coding",
        "API_TIMEOUT_MS": "3000000",
        "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": 1,
        "ANTHROPIC_MODEL": "doubao-seed-code-preview-latest"
    }
}
  • 新开一个终端窗口,此时环境变量生效。

确认环境变量是否生效

在Claude Code中输入/status确认模型状态: 接下来就可以正常使用 Claude Code 进行开发了!

  • 如果提示类似以下这种,可能由于此前已登录过Claude Code,可以在Claude Code中输入/logout退出登录
{
    "error": {
        "code": "AuthenticationError",
        "message""The API key format is incorrect. Request id:0217xxxxxxx",
        "param""",
        "type""Unauthorized"
    }
}

开始使用Claude Code

进入指定文件夹,开始使用

Windows

前置准备与下载

前提条件: 安装 Node.js 18 或更新版本环境。(nodejs.org/en/download…

winget install OpenJS.NodeJS
Set-ExecutionPolicy -Scope CurrentUser RemoteSigned 
  • 然后关闭终端窗口,新开一个终端窗口 安装 claude-code
npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com 

# 初始化配置
node --eval "
    const homeDir = os.homedir();
    const filePath = path.join(homeDir, '.claude.json');
    if (fs.existsSync(filePath)) {
        const content = JSON.parse(fs.readFileSync(filePath, 'utf-8'));
        fs.writeFileSync(filePath,JSON.stringify({ ...content, hasCompletedOnboarding: true }, 2), 'utf-8');
    } else {
        fs.writeFileSync(filePath,JSON.stringify({ hasCompletedOnboarding: true }), 'utf-8');
    }"

配置环境变量

CMD

  • 在CMD中执行以下命令,设置环境变量。
setx ANTHROPIC_AUTH_TOKEN ARK_API_KEY
setx ANTHROPIC_BASE_URL https://ark.cn-beijing.volces.com/api/coding
setx CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC 1
setx ANTHROPIC_MODEL doubao-seed-code-preview-latest
  • 在新的CMD窗口执行以下命令,检查环境变量是否生效。
echo %ANTHROPIC_AUTH_TOKEN%
echo %ANTHROPIC_BASE_URL%
echo %CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC%
echo %ANTHROPIC_MODEL%

PowerShell

  • 在PowerShell中执行以下命令,设置环境变量。
[System.Environment]::SetEnvironmentVariable('ANTHROPIC_AUTH_TOKEN''ARK_API_KEY''User')
[System.Environment]::SetEnvironmentVariable('ANTHROPIC_BASE_URL''https://ark.cn-beijing.volces.com/api/coding''User')
[System.Environment]::SetEnvironmentVariable('CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC''1''User')
[System.Environment]::SetEnvironmentVariable('ANTHROPIC_MODEL''doubao-seed-code-preview-latest''User')
  • 在新的PowerShell窗口执行以下命令,检查环境变量是否生效。
echo $env:ANTHROPIC_AUTH_TOKEN
echo $env:ANTHROPIC_BASE_URL
echo $env:CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC
echo $env:ANTHROPIC_MODEL

确认环境变量是否生效

CMD

  • 在新的CMD窗口执行以下命令,检查环境变量是否生效。
echo %ANTHROPIC_AUTH_TOKEN%
echo %ANTHROPIC_BASE_URL%
echo %CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC%
echo %ANTHROPIC_MODEL%

PowerShell

  • 在新的PowerShell窗口执行以下命令,检查环境变量是否生效。
echo $env:ANTHROPIC_AUTH_TOKEN
echo $env:ANTHROPIC_BASE_URL
echo $env:CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC
echo $env:ANTHROPIC_MODEL

开始使用Claude Code

启动Claude Code:进入项目目录,执行claude命令,即可开始使用Claude Code。

示例

贪吃蛇小游戏

游戏手绘稿.jpeg

在 Claude Code 输入:帮我实现一下 /Users/bytedance/Documents/code-test/claude/游戏手绘稿.jpeg 图中的小游戏

点击【阅读原文】了解 Coding Plan 详情