VSCode + Claude Code + DeepSeek：10分钟让 AI 给我写了个网站
以前写代码是自己一行行敲，现在是告诉AI你要什么，它直接帮你把文件写进项目文件夹——这中间隔了不止一个时代。
🔥 AIGC 代码生成：从复制到"代写"的进化
代码生成这件事，我经历了四个阶段：
- 豆包复制代码：去AI对话网站问问题，手动复制粘贴
- Chat Bot：在浏览器里和AI对话，但还是得自己贴回编辑器
- VSCode + CC 插件：AI直接住进编辑器，生成代码写入文件夹
- AI Coding Agent：不仅是补全，而是能理解项目、跑命令、改文件的智能体
关键变化是什么？AI从"给你建议"变成了"替你把活干了"。
就像你用导航——以前是看地图自己开车，现在是自动驾驶直接把你送到目的地。Claude Code（简称 CC）就是自动驾驶那一档。
💻 实战：在 VSCode 部署 Claude Code + 接入 DeepSeek V4 Pro
安装配置
CC 基于 Node.js，走 npm 安装。国内用户建议先换淘宝镜像源：
# 设置npm镜像源（淘宝源，国内响应快）
npm config set registry https://registry.npmmirror.com
# 全局安装 Claude Code
npm install -g @anthropic-ai/claude-code
# 验证安装
claude --version
💡 核心要点：全局安装后，CC 就变成了你终端里的一个命令行工具，不依赖任何特定编辑器，但你也可以把它装进 VSCode 当插件用。
CC Switch：接入任意大模型
CC 官方默认用的是 Anthropic 自家的 Claude 模型，但我接入了 DeepSeek V4 Pro——通过 CC Switch 功能可以切换到任意支持的大模型。
这一步的意义在于：你不需要被绑定在某个模型上，哪个模型在某个任务上更强就用哪个。
🎯 实战成果：让 CC 做了一个"吉马程序员"网站
我用 CC 做了一个编程培训机构的落地页——吉马程序员。
图1：吉马程序员首页，深色科技风，"让编程成为你的超能力"
图2：课程介绍页，4个课程卡片——Python全栈、前端、Java、AI数据分析
图3：师资力量页，3位讲师卡片，深色背景+蓝色点缀
整个网站从导航栏、Hero区、课程卡片、讲师介绍到页脚，全部由 CC 生成代码写入文件夹。我没有手写一行 HTML/CSS，只是告诉它"做一个编程培训机构的网站"。
📌 划重点：这就是 AI Coding Agent 和传统代码补全的本质区别——补全工具帮你写一行，Agent 帮你写整个项目。
关键发现：CC 的三个核心设计理念
1. 最小权限原则 + 安全边界
打开 CC 时，它会问你"是否信任这个文件夹？"
这就像你请了个程序员来改项目，得先把门禁卡给他——但他只能进你授权的房间，不能翻其他地方。
⚠️ 注意：这不是多此一举，而是 Anthropic 在 CC 里刻意强调的安全边界思想。AI 有读写文件、跑命令的能力，权限必须受限。
2. Vibe Coding：先思考，再交给 LLM
Vibe Coding 的核心不是"把任务丢给AI就完事了"，而是：
- ❌ 急于让 LLM 干活，自己什么都不想
- ✅ 先思考你要什么，设计好 prompt 的五个构建块，再交给 LLM 执行
LLM 擅长执行准确详细的任务，但它不擅长猜你想要什么。prompt 设计能力才是关键。
3. Plan 模式：好比军师
CC 提供了 /plan 模式——它不是直接执行任务，而是先问你一系列问题，根据你的回答生成一个计划，再执行。
| 对比 | 直接执行 | Plan模式 |
|---|---|---|
| 流程 | 你说 → 它做 | 你描述 → 它问 → 规划 → 执行 |
| 适合场景 | 你清楚要什么 | 你不太了解这个领域 |
| 类比 | 请了个执行者 | 请了个诸葛亮 |
💡 核心观点：Plan 模式的本质是把"思考"这个环节也外包给了AI，但最终决策权还在你手里。
用 CC 维护已有项目
CC 不只是从零建项目，也能接手已有的代码库：
- 如果项目本身就是 CC 开发的 → 根目录有
claude.md文件，直接读取项目描述 - 如果不是 → 用
/init命令初始化，CC 会把整个项目分析一遍，生成claude.md
这相当于给项目写了一份"说明书"，AI 以后每次进来都知道这个项目是什么、怎么跑、结构怎样。
📊 CC vs 传统代码补全
| 维度 | 传统补全（Copilot等） | Claude Code Agent |
|---|---|---|
| 能力边界 | 补全当前行/函数 | 理解项目、改文件、跑命令 |
| 交互方式 | 编辑器内弹窗 | 命令行/插件，直接对话 |
| 模型选择 | 绑定固定模型 | CC Switch 切换任意模型 |
| 权限 | 只读建议 | 读写文件+执行命令 |
| 适合场景 | 写代码时少打字 | 从零到一、重构、维护项目 |
🎯 一句话总结
Claude Code 不是另一个代码补全工具——它是一个住在你编辑器里的 AI 程序员。你给它门禁，它帮你干活。模型可以换，权限有边界，Plan 模式帮你理清思路。
Vibe Coding 的本质不是"让AI替我写代码"，而是"我负责想清楚要什么，AI负责把细节实现"。这个分工，才是正确的姿势。
