开局一张图
背景
Vibe Coding（中文常翻译为"氛围编程"或"沉浸式编程"）是由人工智能科学家 Andrej Karpathy 在 2025 年 2 月首创的一个编码新概念，描述了一种完全以自然语言与 AI 互动，由 AI 生成代码的开发方式
其中核心理念
-
自然语言驱动开发：你只需用"我想做一个用户登录表单"、"帮我编一个俄罗斯方块"等通俗表达，AI 就会生成可运行代码，整个过程无需手写语法细节
-
"氛围"导向：Karpathy 用一句很"潮"的话来形容："完全沉浸于 vibe，拥抱指数级发展，甚至忘记代码存在本身"
-
迭代式对话流程：用户与 AI 之间展开对话，不停地提示、修改、修正，AI 持续生成和优化代码直至达到预期效果
用大白话总结就是选用合适的Vibe Coding工具，然后使用自然语言与它交互，它就能持续生成和优化代码直至达到预期效果。本文就是讲一讲博主常用的 Vibe Coding 工具
Cursor
Cursor 是由前 OpenAI 工程师团队开发的下一代 IDE（集成开发环境），目标是让 AI 成为编程核心工作流的一部分。它在 VS Code 的基础上进行深度改造，加入了强大的 AI 功能
笔者现在接手的所有需求都是使用Cursor帮我完成，已经好几个月没有古法编程了。笔者直接订阅200$/月的套餐，直接把额度拉到最满
可以说 Cursor 现在是我每天 coding 离不开的工具
Github Copilot
GitHub Copilot 是 GitHub 与 OpenAI 合作开发的一款 AI 编程助手，主要功能是帮助开发者在写代码时自动补全代码、生成函数、解释逻辑，甚至能根据注释直接写出完整的实现
GitHub Copilot 是笔者在 Cursor 问世之前主要使用的 AI辅助工具，使用时间超过3年，但是 GitHub Copilot 只能处理单一的任务、或者只是简单的智能补全
Claude Code
Claude Code 是 Anthropic 公司推出的一款 AI 编程助手 ，相当于 GitHub Copilot、Cursor、Codeium 这一类工具的竞品，主打 自然语言对话 + 代码生成/解释/调试 的组合体验
重点来了，Cursor 也只是调用 Claude Code 的服务，并且是阉割版的，所以原汁原味的Claude Code服务最体表最强的 AI 工具，我现在开始使用 Claude Code 的服务，还在学习中
ChatGPT
ChatGPT 是 OpenAI 开发的一种 人工智能对话模型 ，基于 GPT（Generative Pre-trained Transformer） 架构。它的核心能力是理解自然语言 并生成类似人类的回答，可以进行对话、写作、翻译、编程辅助、学习辅导等
引动AI革命的就是 ChatGPT3.5的横空出世，从3.5到4 ，再到4o,最新5，只要有什么问题直接去问ChatGPT
Gemini
Gemini 是 Google DeepMind（谷歌深度思维）研发的新一代多模态大模型，也是 Google 对标 OpenAI GPT 系列的旗舰 AI 模型
Gemini 是 Google推出对标ChatGPT的产品，有时候由于特殊原因用不了ChatGPT，笔者使用Gemini，使用体验一般般，曾经用 Gemini完成一个图片编辑器组件的开发，Gemini相比ChatGPT的优势是输出的 token 多
v0.dev
v0.dev 是 vercel 推出的一个 AI 生成式 UI 工具。它的定位是「AI → React 代码生成器」，核心作用是：
- 你只需要用自然语言（Prompt）描述你想要的网页或组件，v0 就会直接帮你生成可运行的 React + Tailwind CSS 代码。
- 生成的代码是 可编辑的真实代码，而不是只能预览的"黑盒"。你可以复制到自己的项目里继续开发。
- 默认使用 shadcn/ui（一个基于 Radix UI 和 Tailwind 的开源组件库），生成的页面风格统一、现代。
- 可以不断迭代：你在右侧输入新的指令（比如"改成深色主题"、"增加搜索框"），它会在现有代码基础上更新。
适合的场景：
- 快速生成 Landing Page、后台管理面板、Dashboard、表单、导航栏等常见 UI。
- 在前端开发初期，快速搭建原型，减少重复性写样式和布局的工作。
- 给不太懂前端的产品经理、设计师一个 低门槛的出码工具。
笔者现在的公司已经辞退所有的UI/UX，设计稿全部交给 v0 来制作。 讲真，v0 做出来的效果非常精美，代码可以直接复用
same.new
Same.new 是一个基于 AI 的无写代码平台，用户只需通过自然语言提示（prompt），就能构建、迭代、运行并管理 Web 应用 ------ 完全不需要手写代码。该平台目前已有超过 600,000 名用户在使用
same.new 工具也是笔者公司强推用来替代UI/UX的工具，前期用的主要是v0,same.new才开始使用
deepseek
DeepSeek（深度求索）是一家 中国的人工智能大模型公司 ，全称是 深度求索（DeepSeek AI） ，成立于 2023 年，总部在深圳。它主打的是 开源大语言模型（LLM） ，目标是打造可与 OpenAI、Google 等公司对标的基础模型
对于一些生活中的问题，我主要使用 deepseek。不过用的频率不高
实际上，Vibe Coding工具是有非常多，笔者只把自己用过的工具列举出来。
总结
到这里才是笔者真正想说的内容
2025是前端死亡之年，前端离AI太近，离业务太远！
作为前端开发的我，真的慌了。借用老板的话，不会使用AI如同别人拿上喷火筒， 你还在钻木取火。