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

文章背景图

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

2026-08-09
5
-
- 分钟

本文由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 开放平台注册并充值(最低充1元)

CC Switch 工具

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

GitHub 下载

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

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

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

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

  4. 在「充值」页面充值,最低 1 元就能用很久。

3.4 使用 CC Switch 配置接入

  1. 打开 CC Switch 的 GitHub 发布页,下载最新安装包。

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

  3. 点击 新建,找到 DeepSeek 这一项。

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

  5. 关键步骤:模型名称务必填写为 deepseek-v4-pro-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 原生应用,不要花里胡哨。

最后一句:定下协作规则

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

4.3 开启 Plan Mode,做需求澄清

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

4.4 让 AI 规划开发步骤

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

好的,现在请不要一次性把所有功能都做完。请先帮我规划出详细的开发步骤,并创建 `开发日志` 和 `文档` 文件夹。每一阶段只完成一个小目标,完成后让我验证,再继续下一步。

同时,再次开启 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 许可协议,转载请注明出处。

评论交流

文章目录