写点什么

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

  • 2025-11-13
    江苏
  • 本文字数:3492 字

    阅读完需:约 11 分钟

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

为什么你需要一个 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”实际使用模型的全过程。

准备工作:开始之前

注册账号

  • 进入火山引擎官网(https://www.volcengine.com/),单击页面右上角的【立即注册】。

  • 根据要求完整填写表单后即可完成注册。更多详情参考火山引擎账号注册(https://www.volcengine.com/docs/6261/64925)。

实名认证

  • 使用已注册的火山引擎账号登录火山引擎官网(https://www.volcengine.com/)。

  • 单击右上角账号名下拉框中的【账号管理】进入对应页面。

  • 使用已注册的火山引擎账号访问实名认证页面(https://console.volcengine.com/user/authentication/detail/)

  • 单击左侧导航中的【实名认证】,根据实际情况选择个人或者企业,并填写对应表单或上传相关材料完成实名认证。

Step 1. 模型能力快速体验

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

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

https://www.volcengine.com/experience/ark/share/mcs-202511131747-%5BhzGSvr9SSg1XRRJnwDzW1%5D

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

Step 2. 购买你的 Coding Plan

参与活动

打开方舟 Coding Plan(https://www.volcengine.com/activity/codingplan),活动页面,对比选择适合的套餐,轻量化使用考虑 Lite,频繁使用考虑 Pro。

购买成功验证

  • “支付成功后,如何确认我的 Plan 已生效?”打开火山方舟控制台的开通管理页面(https://console.volcengine.com/ark/region:ark+cn-beijing/openManagement?LLM=%7B%7D&OpenModelVisible=false&tab=CodingPlan),查看套餐开始与结束时间

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

Claude Code

MAC/Linux

前置准备与下载

前提条件:安装 Node.js 18 或更新版本环境。(https://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。(https://console.volcengine.com/ark/region:ark+cn-beijing/apikey)ANTHROPIC_BASE_URL:https://ark.cn-beijing.volces.com/api/codingANTHROPIC_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 或更新版本环境。(https://nodejs.org/en/download/

winget install OpenJS.NodeJSSet-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_KEYsetx ANTHROPIC_BASE_URL https://ark.cn-beijing.volces.com/api/codingsetx CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC 1setx 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_TOKENecho $env:ANTHROPIC_BASE_URLecho $env:CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFICecho $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_TOKENecho $env:ANTHROPIC_BASE_URLecho $env:CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFICecho $env:ANTHROPIC_MODEL
复制代码

开始使用 Claude Code

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

示例

贪吃蛇小游戏


游戏手绘稿.jpeg

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

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

用户头像

还未添加个人签名 2022-01-25 加入

还未添加个人简介

评论

发布
暂无评论
实战|从手绘稿到小游戏,豆包编程模型上手指南_火山引擎开发者社区_InfoQ写作社区