精选的想法、故事和创意,全部汇集于此!

文章背景图

小白也能学会!VS Code + Cloud Code + DeepSeek V4 Pro 部署与使用全指南

2026-08-09
15
-
- 分钟

本文由deepseek通过以下视频提炼

https://www.bilibili.com/video/BV1BvR1BtEFD/https://www.bilibili.com/video/BV1ia9UBPESQ/

无需魔法上网,成本低到忽略不计,四个月真实开发经验提炼,带你从第一行对话到软件成功跑起来。

一、为什么要选择这套组合?

最近几个月,我尝试过不少 AI 编程助手,从 GitHub Copilot 到 Cursor,再到各种第三方客户端,最终锁定了 VS Code + Cloud Code agent + DeepSeek V4 Pro 这套搭配。原因很简单:

  1. 零魔法上网:全程不需要科学上网,网络稳定,不会写着写着突然断连。

  2. 成本极低:DeepSeek V4 Pro 目前有 2.5 折活动,我两天消耗了 1.1 亿 token,才花了 13 块钱,四舍五入等于白嫖。

  3. 集成在 VS Code 中:不需要再装一个新的 IDE,你之前的主题、快捷键、插件配置统统保留,学习成本几乎为零。

  4. 上下文窗口大:正确配置后可使用 1M(一兆)上下文窗口,长对话和大型项目也更稳定。

无论你是完全零基础的纯小白,还是想换一个更省钱、更顺手的 AI 编程方案,这篇教程都能帮到你。我会先讲清楚如何部署环境,再手把手带你从零开发一个真实软件,并穿插大量我四个月来踩坑总结出的使用技巧。

二、准备工作:你需要安装什么

工具

用途

获取方式

VS Code

代码编辑器,我们的主战场

官网免费下载

Cloud Code for VS Code

AI agent 插件,负责调用模型和操作文件

VS Code 插件市场搜索安装

DeepSeek API Key

调用 DeepSeek V4 Pro 模型

DeepSeek 开放平台注册并充值
OpenCode首月35元一个月200亿token

CC Switch 工具

将 DeepSeek API 接入 Cloud Code(适合大陆用户)

官网下载

Xcode(仅 macOS/iOS)

苹果官方开发工具

App Store 免费下载

如果你要开发的是 Mac 或 iPhone 上的软件,Xcode 是必需品。开发纯网页或跨平台项目则可以不用。

三、环境部署详细步骤

3.1 安装 Cloud Code 插件

  1. 打开 VS Code,点击左侧的扩展图标(或按 Ctrl+Shift+X)。

  2. 搜索 Cloud Code,找到名为 Cloud Code for VS Code 的插件,点击安装。

  3. 安装完成后,VS Code 右上角会出现一个小小的图标,点击它就能呼出对话界面。

如果此时直接让你登录,别慌,因为大陆用户注册 Cloud Code 账户比较麻烦,我们接下来就用 CC Switch 来绕过登录限制。

3.2 修改 Cloud Code 配置文件

  1. 在 VS Code 中按 Ctrl+, 打开设置。

  2. 搜索 Cloud Code,找到该扩展,点击 在 settings.json 中编辑

  3. 在打开的 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

  1. 打开 DeepSeek 开放平台,注册账号并完成实名认证。

  2. 在「API Keys」页面创建一个新的 Key,名称随意。

  3. 立即复制保存,关闭后无法再次查看明文。

  4. 在「充值」页面充值,最低 1 元

这个实测下来我进行跑图log小说化烧了我50块,所以再推荐一个渠道

3.3.2 获取 opencode go订阅 API Key

这个首月5刀 200亿token,还能让朋友加入你的订阅,都是满血模型,文章里的连接都是我的邀请码,用这个链接进入能额外获得5刀的额度抵扣券

  1. 打开opencode,订阅首月5刀的go

  2. 新建api秘钥

3.4 使用 CC Switch 配置接入

  1. 打开 CC Switch 的 官网,下载最新安装包。

  2. 安装并运行 CC Switch,它会常驻系统托盘。

  3. 点击 新建,找到 DeepSeek 这一项。如果是opencode则找opencode

  4. API Key 处粘贴你刚才复制的 Key。

  5. 关键步骤:选择模型开启1m声明以获得完整一兆上下文。

  6. 点击添加保存,确保 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 原生应用,不要花里胡哨。

最后一句:定下协作规则

我暂时就这些想法了,你帮我整理一下需求。如果有不确定的地方可以先问我,我们先沟通确认项目的需求,等我确认之后再开始写代码。

eg:
我是一个不懂代码的小白,想做一个运行在mac电脑上的历史粘贴板软件。

它可以记录我最近的所有复制的内容,包括文字和图片,都存放在这里。而且我可以设定一个存储日期,比如1天、3天、5天。当我需要查找近期历史的时候,就可以点开这个软件查看和再次粘贴。
点开之后它以时间降序的方式排列我的所有复制内容的卡片,我可以将它置顶,或者删除。也要一个搜索功能。
软件的UI设计上我希望它以简洁、直观为主,主要颜色可以用淡蓝色。

我暂时就这些想法,你帮我整理一下我的需求,如果你有不确定的地方可以问我,我们先沟通项目需求,等我确认之后,再做下一步执行。

4.3 开启 Plan Mode,做需求澄清

在对话框右下角,点击 Plan Mode 开关。这个模式会让 AI 更有条理地审视需求,并通过选择题的方式向你提问。全部回答完后,需求就变得非常清晰。

4.4 让 AI 规划开发步骤

需求确认完毕,再发送下面这段非常重要的话:

eg:现在请你规划开发步骤,不要一口气做太多,让项目稳定安全有效的推进。
在项目文件夹内创建开发日志文件夹,每天自动记录完成开发事项和待办事项。
再创建一个docs文件夹,放入项目开发相关的开发需求、技术、设计规范、执行步骤等具体标准文件。
在你的CLAUDE.md文件中添加指引1各项标准文件路径以及工作说明。

同时,再次开启 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 开发必备)

原创

小白也能学会!VS Code + Cloud Code + DeepSeek V4 Pro 部署与使用全指南

本文链接: 小白也能学会!VS Code + Cloud Code + DeepSeek V4 Pro 部署与使用全指南

本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

评论交流

文章目录