想加入AI学习讨论群吗？公众号右下角有联系方式哦！
文末还有老金的 全免费开源知识库地址，别错过！
最近这几天，Cursor真是接连放出重磅新功能。
12月10日，Cursor推出了2.2版本，这次主要是新加了Debug Mode。
紧接着，12月11日又带来了超级更新。
老实说，看到这个新功能，我愣了好一会儿。
这简直就是我一直想要的呀！随便点一下，想改哪里就改哪里，拖动布局，AI直接帮你修改代码。
对于写前端的朋友来说，这次更新简直就是福音。
可视化编辑器：随点随改
这是12月11日刚发布的功能，老金觉得它比Debug Mode更牛。
简单来说，你可以在Cursor里打开一个内置浏览器，直接在上面查看你的网页，然后随意拖拉、点击、改动，AI会自动帮你更新代码。
拖拽式布局
以前改布局，得经历一系列麻烦步骤：
- 1. 打开浏览器查看效果
- 2. 切换到代码编辑去改CSS/HTML
- 3. 保存后再刷新查看效果
- 4. 如果不对，再继续修改
- 5. 来回切换好几次
现在呢？直接在Cursor里拖动就行了。
想把按钮位置换一下？拖过去就行。
想调整卡片的顺序？轻轻一拖就好。
想试试不同的网格布局？随便拖动就好。
完成后对AI说“应用这个布局”，它就会自动更新代码。
设计和代码，终于能很好的结合在一起了。
点击+提示
这个功能更是绝了。
你可以点击页面上的任何元素，然后直接告诉AI你想怎么改：
- 点击一个按钮，告诉它“放大一点”
- 点击一个标题，指示“换成红色”
- 点击两个元素，命令“交换它们的位置”
多个Agent同时执行，几秒钟就能看到效果。
过去你得：先找到对应的组件 → 找到对应的样式 → 修改代码 → 查看效果 → 不对再改。
现在：点一下，告诉AI一句话，搞定！
觉得有用的话，别忘了关注一下哦~
React组件状态测试
如果你是用React写前端，这个功能更是好用。
Cursor会自动识别组件的props，并在侧边栏展示出来。
你可以直接修改props的值，实时查看不同状态下组件的样子。
比如有一个按钮组件，有disabled、loading、primary等状态。
以前你得不断修改代码、刷新，再改、再刷新。
现在呢？在侧边栏轻松点几下，所有状态一目了然。
可视化样式控制
侧边栏还提供了多种可视化控件：
- 颜色选择器（实时预览）
- 滑块（调整尺寸、间距）
- 设计Token（用你自己的设计系统）
- Grid/Flexbox布局控制
不需要写CSS，点点拖拖就可以搞定。
Debug Mode：让AI的思考过程变得透明
这是12月10日推出的功能，专门解决了一个大问题：AI写代码的时候，你根本不知道它在想些什么。
以前用Cursor时，最烦的就是这个。
AI写了一大堆代码，但运行不成功。
你问它出错在哪，它又重新写一堆。
改完还是出错。
你继续询问，它继续修改。
来回几轮，结果你也搞不清楚它到底改了什么，它自己也记不清之前的代码。
这次的Debug Mode终于让你能看到AI的“思考过程”。
Debug Mode到底是什么
简单说，就是运行时日志加上假设生成。
以前AI写代码像个黑箱，你只能看到输入和输出。
现在打开Debug Mode后，Cursor会：
1、记录代码运行时每一步的状态
2、自动生成“我猜问题可能出在这里”的假设
3、让你看到AI是如何一步步推理的
举个例子。
你写了一个函数，结果不对。
以前的流程：
你：这函数结果不对
AI：好的，我帮你改
（改完还是不对）
你：还是不对
AI：抱歉，我再改改
（无限循环）现在的流程：
你：这函数结果不对
AI：我看到运行日志了，第3步的时候变量a变成了null，应该是第2步的赋值出问题了
AI：我猜是因为异步没等完就执行了下一步，我加个await试试看出区别了吗？
从“瞎猜”变成“有理有据”了。
实测效果如何
我玩了两天，来分享一下真实感受。
优点：
速度确实快了。
官方说Background Agent优化了，体感上响应速度比之前快了30%左右。
Plan Mode也增强了，规划复杂任务时逻辑更清晰。
Debug Mode在调试复杂bug时，帮助很大。
特别是那种“运行没有报错，但结果就是不对”的问题，以前要自己加console.log一步步排查，现在AI能直接定位。
缺点：
稳定性有点欠佳。
毕竟是新发布的版本，偶尔会卡顿、掉线，虽然能接受，但确实存在。
Reddit上有些人反馈说Tab补全有时会不太灵敏，连续触发好几次。
还有一个问题，Debug Mode默认是关闭的，需要手动开启。
进入Settings → Features → 找到Debug Mode → 打开。
我第一次用的时候找了半天，差点以为这个功能还没上线。
值得一提的是：
Cursor 2.2还增加了一个“多Agent评判”功能。
简单来说，就是让多个AI模型互相审查代码，减少单一模型的偏见。
听起来很厉害，但实测感知不强。
可能要写更复杂的项目才能体现出差异。
和Claude Code比起来怎么样
最近Claude Code也挺流行的，很多人问Cursor还值不值得用。
老实说，这两个工具的定位有点不同。
Cursor：是个IDE插件，嵌入到你的开发环境中，强调的是“边写边用”。
Claude Code：是CLI工具，在终端中使用，强调的是“端到端完成任务”。
如果你习惯在VSCode中写代码，Cursor会更顺手。
如果你喜欢命令行操作，喜欢AI自己完成整个流程，那Claude Code的体验会更好。
这次的Debug Mode算是Cursor在“可解释性”上迈出了一步。
不过Claude Code在上下文理解和多轮对话方面还是有优势，这一点Cursor还有待加强。
老金的建议是：两个都装上，根据场景来切换。
简单的代码补全和快速修改，用Cursor。
复杂的功能开发和需要多轮沟通的，用Claude Code。
值得升级吗
如果你现在用的是Cursor 2.1或更早版本，建议升级。
Debug Mode这个功能确实解决了一个实际的问题。
再也不用猜AI在想什么，调试效率能大幅提升。
如果你是免费用户，这次更新对你影响不大。
Debug Mode是Pro功能，免费版无法使用。
Pro订阅每月$20，觉得贵不贵看个人需求。
对于每天都要写代码的人来说，节省的调试时间肯定值得这个价。
对于偶尔写几行代码的人，免费版已经足够了。
升级的步骤也很简单：
1、打开Cursor
2、点击右上角头像
3、检查更新
4、等它自动下载安装就好
整个过程大概2-3分钟就能搞定。
总结一下
Cursor这几天接连发布大招，两个核心亮点：
12月11日：浏览器可视化编辑器（老金最推荐）
- 随点随改，拖拽布局
- 实时调试React组件props
- 多个Agent并行执行修改
- 设计和代码终于融合了
12月10日：Debug Mode
- 让AI写代码从“黑盒”变为“白盒”
- 能看到推理过程
- 调试效率翻倍
其他更新：
- Background Agent速度优化，响应快了30%
- Plan Mode增强，支持Mermaid图表
- 多Agent评判，减少单一模型的偏见
- 固定聊天功能，常用对话置顶
当然也有一些缺点：
- 稳定性一般，偶尔会卡顿
- Debug Mode默认关闭，需要手动开启
- 部分功能需要Pro订阅
写前端的朋友们，这次更新绝对值得升级。
可视化编辑器这个功能，真的能为你节省大量时间。以前改个布局要切来切去，现在轻松拖动一下就能搞定。
如果觉得有帮助，记得关注一下哦~
引用来源
- Cursor的最新版本2.2更新日志：查看更新
- Cursor官方博客介绍：浏览器可视化编辑器 了解详情
- Reddit r/cursor社区讨论：分享Cursor 2.2的使用体验
以往推荐：
提示词工程（Prompt Engineering）
LLMOPS（大语言模型运维平台）
WX机器人使用教程列表
AI绘画教程合集
AI编程学习资源
感谢你阅读我的文章。
觉得内容不错的话，别忘了点个赞、在看、转发哦🙂
想要第一时间获取最新内容，也可以给我一个星标⭐～感谢你关注我的文章。
开源知识库链接：
访问这里
