适合无编程基础的纯新人攻略全程可视化操作轻松上手老手大概率用 CIL小概率用桌面版所以仅供各位大佬参考。一、推荐模型和介绍标题中的 3 个工具模型首推纯粹萌新使用国产大模型不需要考虑翻墙对内收费优惠中各种文档都是中文上手无门槛。也无需担心模型能力目前最新的模型能力充沛对初尝 Coding Agent 的新人来说个人认为很够用。等到上手实用出现瓶颈后再考虑升级换代。喜报CodeX 的最新模型 GPT-5.6 Luna 可以免费使用各位注册账号直接用吧这种情况安装 CodeX App 后直接登录账号即可不用安装 CC Switch 和配置了其他步骤不变Codex 桌面版是为 Codex 这款 AI 编程智能体推出的官方客户端应用给无基础新人推荐这个版本是因为他是会话界面适合新手快速上手。CC Switch是一款为 AI 编程开发者设计的开源、跨平台配置管理工具。用它主要实现国产第三方模型的可视化配置不用纠结的找配置文件和担心写错格式导致配置不生效。HyperFrames是 HeyGen 开源的 HTML/CSS/JS 视频生成框架。它的思路是让 Codex 这类 coding agent 写网页和动画再用 HyperFrames 把画面稳定渲染成 MP4 或 WebM。coding agent对原生模型支持最好但原生模型注册购买确实有门槛我们可以从简单的开始。以上如果都觉得不好办可以下载国产coding agent Qoder阿里、Trae字节等这些用起来更加简单无门槛。二、下载安装1、Codex桌面版访问OpenAI中文官网下载安装包地址https://openai.com/zh-Hans-CN/codex2、CC Switch去GitHub Releases页下载安装地址https://github.com/farion1231/cc-switch/releases版本很多需要找到适合自己硬件的那个看不明白的可以评论区发电脑配置我们一起看看3、API Key在任意提供OpenAI兼容接口的平台注册如DeepSeek、GLM等生成一个Key备用如果使用GPT-5.6 Luna直接在CodeX安装好之后登陆账号即可无需进行2、3和三直接跳到四进行插件安装三、用CC Switch接入模型1、安装成功后进入客户端页面先按 截图中1 切换到CodeX标签页然后点击 截图中2 右上角“”按钮添加新供应商2、选择供应商例如本次用的海外版GLM所以选择 “Zhipu GLM en” 这个选项把前面 二3 这一步生成的Apikey填写到 截图2 位置的输入框里其他选项都默认即可最后点击 截图3 位置的添加会自动回到列表页提示供应商添加成功进阶填写配置信息Base URL填API地址如 https://api.deepseek.com/v1或https://api.z.ai/api/coding/paas/v4API Key粘贴刚才生成的Key模型名称填写你想要调用的模型名3、点击启用配置对于列表提示需要启用路由的情况需要开启CC Switch的路由配置具体如下点击“设置”按钮进入“设置”后切换到“路由”标签页点击使红框中的按钮都保持在“开启”状态就完成配置了。回到列表点击按钮“检测连通”测试连通正常然后重启CodeX客户端使配置生效就能开始使用CodeX啦四、安装HyperFrames插件1、打开Codex主界面找到左侧栏的 「Plugins」插件选项截图12、搜索框输入 HyperFrames找到后点击安装 截图2、33、右侧菜单栏点击 「plugins」→搜索「HyperFrames」在结果中找到“HyperFrames”点击右侧“···”按钮展开选项选择“Try now” 就会开启一个加载插件的新会话五、开始创作完成四的所有配置就可以在新会话输入需求开始你的创作啦例如“帮我生成一个30秒的产品宣传视频科技感蓝白配色1080×1920竖屏逐字出现字幕”CodeX会自动调用HyperFrames生成HTML→渲染成MP4全程无需手动剪辑下面也给各位看看本次生成结果Codex自动调用HyperFrames生成MP4Tips如果CC Switch不生效可以手动在 ~/.codex 目录配置config.toml和auth.json文件第一次渲染前建议在终端运行 npx hyperframes doctor 检查环境FFmpeg、Chrome等有不懂的可以评论区留言会定时查看和回复