一、前言什么是 Vibe CodingVibe Coding氛围编程是 Karpathy 提出的新一代 AI 编程开发范式区别于传统逐行敲代码、逐条问 AI 片段代码的模式开发者只需要用自然语言描述需求、产品效果由 AI 全权负责架构设计、编码、调试、自测全流程人只把控项目方向与验收成果。而Claude Code 是落地 Vibe Coding 最优终端工具Anthropic 官方推出的 CLI 代码代理可本地读取全项目源码、自动修改文件、执行脚本、调试报错完美适配沉浸式氛围编程也是目前开发者圈落地 Vibe Coding 使用率最高的工具。简单一句话传统编程 人写代码Vibe Coding 人说想法Claude Code 写代码。二、Claude Code 环境部署与安装1、先在Windows上安装Node.js访问Node.js官网下载Node.js安装程序https://nodejs.org/zh-cn/download下载完成后双击下载的安装文件如node-v22.18.0-x64.msi按照安装向导的指示进行操作。在安装过程中你可以选择安装的位置和其他一些可选设置如是否添加环境变量等。一般我们默认点击【Next】最后点击【Install】即可安装完成后打开命令提示符CMD或PowerShell输入以下命令来检查Node.js和npm是否正确安装node -vnpm -v如果这两个命令返回了版本号说明Node.js和npm已经成功安装。2、安装Claude code输入安装命令npm install -g anthropic-ai/claude-code --registryhttps://registry.npmmirror.com运行 claude,在终端中输入 claude 即可如果找不到命令可能是环境变量有问题,配置自己电脑的环境变量即可。以下目录可供参考C:\Users\用户名\AppData\Roaming\npm\node_modules\anthropic-ai\claude-code\bin3、配置大模型下载CC Switch做多模型切换和管理CC Switch的GitHub仓库下载页https://github.com/farion1231/cc-switch/releases/tag/v3.14.1最新版本号v3.14.1步骤1在下载页根据系统选择对应下载包步骤2安装完成后务必在打开Claude Code之前优先设置CC Switch。在CC Switch的Claude Code页面添加API Key供应商步骤3以DeepSeek为例选择对应厂商然后填写API Key和Base URLDeepSeek 开放平台DeepSeekccswitch 的本质其实是修改了一个配置文件三、Claude code简单使用先创建一个文件夹 test_cc然后 cmd进入ctl端 ,输入 claude 进入刚开始会选择风格安全提示创建工作空间接着在里面和他对话即可四、Claude Code 新手入门1、命令的分类Claude指令功能说明/help提供所有指令以及指令背后遵循的意思/model切换高中低档模型/btwBy the way缩写可以暂时切出正在执行的项目隔离上下文方便使用者与CC进行临时对话。会话完毕后可按esc消除临时会话/simplify输入后会派生出3个agent从代码质量、运行效率和复用性三个角度做一次代码审核然后自动优化修改/rewind进入回滚界面/compact主动压缩精简上下文/clear彻底清空上下文相当于重开一个会话/context详细展示agent当前的上下文信息诸如上下文占比上下文类别等等/resume在全新的上下文窗口选择恢复到之前的对话/init初始化创建项目级Claude.md/memory针对Claude的全局、项目记忆以及auto memory进行操作和管理/agents创建、调用、管理子agent/plugin发现新插件管理已下载插件新增插件生态记忆功能输入 # 就可以让 CC 帮我记住一些我一直想让它记住的功能比如#一直使用中文回复/memory 查看记忆2.Claude Code 的三种编辑模式使用shifttab可以让Claude Code 在计划模式、默认模式和Accept Edits模式之间来回切换模式功能默认模式启动 Claude Code 后的初始交互状态类似于一个增强版的对话终端用于意图确认、信息查询和简单任务。计划模式Claude 进行复杂的代码更改时它会进入这一阶段。分析需求并制定执行步骤。不直接动代码。Accept Edits模式这是 Claude Code 的“落地”阶段会执行代码变更的最终确认与写入Accept Edits模式【完全托管模式】就是你啥也别管了cc 自己来搞定不需要询问你举个例子帮我创建一个 python 脚本实现两个数相乘默认模式时不时的需要你选择询问你计划模式就是在做一个复杂的项目之前先进行对话等充分理解的你的用意之后再进行编辑执行。比如请使用 python 帮我实现一个点名系统3、四种思考的深度如果你想让你问的问题让 AI 思考的更加深入,可以在你的问题后面 添加 关键字有四个挡位依次递进thinkthink hardthink harderultra think4、两个强大的技巧1在输入框中如果想快速删除输入框的内容摁 Esc 键可以快速删除内容2 如果输入框内没有内容此时摁 Esc 可以回退内容也可以回退对话还可以回退内容和对话五、Claude Code 和 Cursor 的结合1、下载安装Cursor https://www.cursor.com/cn需要注册和登录 Cursor登录成功后选择 AI 使用的语言点击 Ctrl shift p ,输入命令configure display language选择 中文(简体)2、和 Claude code 的整合ctrlshift~ 打开 cursor 的内置终端输入 claude 如果报错PS C:\Users\Administrator\Desktop\lvyou claudeclaude : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\claude.ps1因为在此系统上禁止运行脚本。有关详细信息请参阅 https:/go.microsoft.com/fwlink/?LinkID135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1 claude ~~~~~~ CategoryInfo : SecurityError: (:) []PSSecurityException FullyQualifiedErrorId : UnauthorizedAccess解决方案关闭 Cursor 编辑器以管理员身份打开 PowerShell按下Win键搜索PowerShell右键点击Windows PowerShell→ 选择以管理员身份运行执行修改命令复制粘贴下面这行命令回车运行Set-ExecutionPolicy RemoteSigned -Scope CurrentUser确认修改弹出提示时输入 Y 然后回车确认。进入终端后再次输入 claude ,就不报错了这个时候输入 /ide 会显示 Cursor 后面打 √六、Claude code 的高级功能1、恢复上一次的 claude 对话每一次关闭 claude 之后再重新打开对话清空了可以采用 claude -c 启动这样就可以恢复到上一次关闭之前的对话状态了也可以在新打开的 claude 对话中输入/resume 然后选择最近的一次对话不过这个命令可以回到很多个会话点上非常的方便2、狂飙模式YoLo 模式claude --dangerously-skip-permissionsYOLO 模式是全程不需要问你它拥有极高的权限3、插入图片的方式可以复制图片拖拽图片截图图片然后粘贴到对话框中然后发问即可先将图片粘贴到你的项目中然后选中你需要的图片4、激活文件当你想要提问某个文件不需要在对话框中 它直接用鼠标选中然后提问即可七、Claude code和 MCP 服务全局安装 MCP 服务查看是否安装了 mcp 服务在终端中执行非全局安装claude mcp add --transport http context7 https://mcp.context7.com/mcp全局安装需要添加 -s user即可claude mcp add --transport http -s user context7 https://mcp.context7.com/mcp通过 claude mcp list 查看是否安装重新打开一个新的终端输入 claude , 然后进入后输入/mcp 查看是否安装成功什么是 context7 有何作用context7 可以实时读取 github 上的新的项目实时喂给 claude code,完美解决 Claude code 知识库老旧滞后的问题进入官网 context7.comhttps://github.com/upstash/context7https://context7.com/docs/resources/all-clients#claude-code八、做一个网站实验一下使用 springboot echarts 实现一个可视化的 bi 展示页面数据库数据见附件。将数据上传到文件夹中登陆界面数据可视化界面九、总结Vibe Coding 依托 Claude Code彻底重构了小型项目、原型项目的开发方式开发者重心从代码语法转向产品设计与需求梳理。熟练掌握安装、指令、CLAUDE.md 配置这套体系可实现半天落地一套可用 MVP。后续可拓展 Claude Code 插件生态进一步放大 AI 编程效率。