无需魔法上网,成本低到忽略不计。我用这套 VS Code + Cloud Code + DeepSeek V4 Pro 的组合写了好几个软件,这篇把四个月真实开发经验提炼出来,带你从第一行对话到软件成功跑起来。
一、为什么要选择这套组合?
最近几个月,我尝试过不少 AI 编程助手,从 GitHub Copilot 到 Cursor,再到各种第三方客户端,最终锁定了 VS Code + Cloud Code agent + DeepSeek V4 Pro 这套搭配。原因很简单:
- 零魔法上网:全程不需要科学上网,网络稳定,不会写着写着突然断连。
- 成本极低:DeepSeek V4 Pro 目前有 2.5 折活动,我两天消耗了 1.1 亿 token,才花了 13 块钱,四舍五入等于白嫖。
- 集成在 VS Code 中:不需要再装一个新的 IDE,你之前的主题、快捷键、插件配置统统保留,学习成本几乎为零。
- 上下文窗口大:正确配置后可使用 1M(一兆)上下文窗口,长对话和大型项目也更稳定。
无论你是完全零基础的纯小白,还是想换一个更省钱、更顺手的 AI 编程方案,这篇教程都能帮到你。我会先讲清楚如何部署环境,再手把手带你从零开发一个真实软件,并穿插大量我四个月来踩坑总结出的使用技巧。
二、准备工作:你需要安装什么
| 工具 | 用途 | 获取方式 |
|---|---|---|
| VS Code | 代码编辑器,我们的主战场 | 官网免费下载 |
| Cloud Code for VS Code | AI agent 插件,负责调用模型和操作文件 | VS Code 插件市场搜索安装 |
| DeepSeek API Key | 调用 DeepSeek V4 Pro 模型 | DeepSeek 开放平台注册并充值 |
| CC Switch 工具 | 将 DeepSeek API 接入 Cloud Code(适合大陆用户) | 官网下载 |
| Xcode(仅 macOS/iOS) | 苹果官方开发工具 | App Store 免费下载 |
如果你要开发的是 Mac 或 iPhone 上的软件,Xcode 是必需品。开发纯网页或跨平台项目则可以不用。
三、环境部署详细步骤
3.1 安装 Cloud Code 插件
- 打开 VS Code,点击左侧的扩展图标(或按 Ctrl+Shift+X)。
- 搜索 Cloud Code,找到名为 Cloud Code for VS Code 的插件,点击安装。
- 安装完成后,VS Code 右上角会出现一个小小的图标,点击它就能呼出对话界面。
如果此时直接让你登录,别慌,因为大陆用户注册 Cloud Code 账户比较麻烦,我们接下来就用 CC Switch 来绕过登录限制。
3.2 修改 Cloud Code 配置文件
- 在 VS Code 中按
Ctrl+,打开设置。 - 搜索 Cloud Code,找到该扩展,点击 在 settings.json 中编辑。
- 在打开的 settings.json 文件中,加入以下两行配置(具体内容根据 CC Switch 说明调整):
{ "name": "ANTHROPIC_BASE_URL", "value": "https://xxxx" },
{ "name": "ANTHROPIC_AUTH_TOKEN", "value": "xxxx" }
保存后关闭文件。这一步的目的是让 Cloud Code 去请求我们本地的中转服务,而不是直接连接 Anthropic 官方服务器。
3.3 获取 DeepSeek API Key
3.3.1 官方 DeepSeek API Key
- 打开 DeepSeek 开放平台,注册账号并完成实名认证。
- 在「API Keys」页面创建一个新的 Key,名称随意。
- 立即复制保存,关闭后无法再次查看明文。
- 在「充值」页面充值,最低 1 元。
(实测下来我跑图 log 小说化烧了我 50 块,所以下面再推荐一个渠道。)
3.3.2 opencode go 订阅 API Key
opencode go 首月 5 美元、200 亿 token,还能让朋友加入你的订阅,都是满血模型。打开 opencode 官网,订阅首月 go 套餐,然后新建 API 密钥即可。
3.4 使用 CC Switch 配置接入
- 打开 CC Switch 的官网,下载最新安装包。
- 安装并运行 CC Switch,它会常驻系统托盘。
- 点击新建,找到 DeepSeek 这一项(如果是 opencode 则找 opencode)。
- 在 API Key 处粘贴你刚才复制的 Key。
- 关键步骤:选择模型开启 1m 声明,以获得完整一兆上下文。
- 点击添加保存,确保 CC Switch 处于运行状态。
3.5 测试对话
回到 VS Code,点击 Cloud Code 图标,在对话框中输入:
你好,请问你现在使用的是什么 agent 和模型?上下文窗口多大?
如果一切正常,它会回复:Cloud Code agent,DeepSeek V4 Pro,上下文窗口 1M tokens。环境就彻底部署成功了。
四、实战:从零开发一个「历史粘贴板」软件
下面我会以开发一个 Mac 上的历史粘贴板工具为例,展示完整流程。你完全可以换成自己的任何需求,套路是一样的。
4.1 创建项目文件夹
在电脑上新建一个文件夹,比如叫 ClipboardHistory。然后在 VS Code 中打开文件夹。
4.2 向 AI 发起第一次需求(非常重要)
很多新手一上来就说「帮我做一个软件」,结果没法用。需求描述的质量,直接决定项目的成败。 分享一套万能模板:
第一句话:亮明身份和平台
我是一个完全不懂代码的小白,想要做一个运行在 Mac 电脑上的历史粘贴板软件。
第二段:描述功能
这个软件需要能监听我的复制操作,把每次复制的内容自动保存下来,支持文本和图片,让我可以随时找回之前复制过的内容。
第三段:描述界面
软件主界面是一个小窗口,顶部有搜索框,下面按时间倒序显示历史记录,每条记录显示缩略内容和复制时间。
第四段:设计偏好
界面风格简洁,类似 Mac 原生应用,不要花里胡哨。
最后一句:定下协作规则
我暂时就这些想法了,你帮我整理一下需求。如果有不确定的地方可以先问我,我们先沟通确认项目的需求,等我确认之后再开始写代码。
完整的可复制版本:
我是一个不懂代码的小白,想做一个运行在 mac 电脑上的历史粘贴板软件。
它可以记录我最近的所有复制的内容,包括文字和图片,都存放在这里。而且我可以设定一个存储日期,比如 1 天、3 天、5 天。当我需要查找近期历史的时候,就可以点开这个软件查看和再次粘贴。
点开之后它以时间降序的方式排列我的所有复制内容的卡片,我可以将它置顶,或者删除。也要一个搜索功能。
软件的 UI 设计上我希望它以简洁、直观为主,主要颜色可以用淡蓝色。
我暂时就这些想法,你帮我整理一下我的需求,如果你有不确定的地方可以问我,我们先沟通项目需求,等我确认之后,再做下一步执行。
4.3 开启 Plan Mode,做需求澄清
在对话框右下角,点击 Plan Mode 开关。这个模式会让 AI 更有条理地审视需求,并通过选择题的方式向你提问。全部回答完后,需求就变得非常清晰。
4.4 让 AI 规划开发步骤
需求确认完毕,再发送下面这段非常重要的话:
现在请你规划开发步骤,不要一口气做太多,让项目稳定安全有效的推进。
在项目文件夹内创建开发日志文件夹,每天自动记录完成开发事项和待办事项。
再创建一个 docs 文件夹,放入项目开发相关的开发需求、技术、设计规范、执行步骤等具体标准文件。
在你的 CLAUDE.md 文件中添加指引各项标准文件路径以及工作说明。
同时,再次开启 Plan Mode,然后发送。
4.5 一步一步推进开发
AI 规划好步骤后,你只需要说:
开始推进项目。当软件能在 Xcode 中成功运行时告诉我。
然后就是「你验证 → AI 执行 → 你再验证」的循环。每完成一步,去 Xcode 点一下运行,亲自测试。
4.6 软件的第一缕曙光
当你第一次在 Xcode 里点下 Run,看到 Dock 栏跳出你的应用图标,打开后复制点东西,软件里真的出现了那条记录——那种成就感会直接推着你继续玩下去。
五、使用技巧与避坑指南
5.1 上下文压缩
Cloud Code 对话界面上方有一个圆环,显示上下文用量。快满时一定要主动点击压缩,节省 token 并保持 AI 记忆清晰。
5.2 截图胜过千言万语
遇到 UI 问题或 Bug,直接截图粘贴,再附上一句话,修改成功率大幅提升。
5.3 Plan Mode 什么时候开?
- 开:新需求、大功能、复杂模块。
- 关:修小 Bug、调整文案或颜色。
5.4 CLOUDCODE.md 是灵魂
AI 每次启动都会读这个文件。如果 AI 偶尔跑偏,直接告诉它:「请更新 CLOUDCODE.md,把 xxx 规则加进去」。
5.5 关于 DeepSeek V4 Pro 模型名
务必使用 deepseek-v4-pro-1m,才能启用 1M 上下文窗口。
5.6 开发日志让项目可维护
每次让 AI 记录开发日志,将来换 AI 助手也能无缝衔接。
六、写在最后
Web Coding 发展到今天,技术门槛已经不是障碍,唯一的坎就是你第一次下定动手的决心。
看完这篇文章,你已经掌握了整套环境和流程。剩下的就是打开电脑,建好文件夹,对 AI 说出你的第一句话。当你看到软件真的跑起来的那一刻,你已经超过了绝大多数还在观望的人。
工具组合速查
- VS Code
- Cloud Code for VS Code
- DeepSeek V4 Pro (API)
- CC Switch
- Xcode(macOS/iOS 开发必备)
感谢他们为本文做出的贡献
https://www.bilibili.com/video/BV1BvR1BtEFD/
https://www.bilibili.com/video/BV1ia9UBPESQ/
https://code.visualstudio.com/