Cursor怎么用?不会编程也能做出能跑的东西

2026-05-25 · 阅读 37 · 1344 字 · ⏱️ 预计4 分钟读完

老D,我最近老听到 Cursor 这个工具,说能让不懂代码的人也能编程。我一个产品经理,只会画原型,真能玩得转?它到底是什么啊,跟 VS Code 有亲戚关系?

哈哈哈,你把 Cursor 想成 VS Code 的亲儿子 就好。说白了,它就是基于 VS Code 内核,但把 AI 写进了 DNA——不像普通的代码编辑器,你不必亲手敲每一行代码,用聊天就能让它帮你写。

打个比方:这就像你原本有个普通的记事本,突然给配了个超级助理,你说“我要一篇产品文案”,助理唰唰给你写出来。在 Cursor 里,你说“做个带搜索框的待办事项网页”,它就直接生成能跑的代码,还能一键预览。

等等,那我之前理解错了?我以为它就是个披着编辑器的聊天框。那具体怎么上手?我零基础,想半小时内做出点啥,可能吗?

放心,用 Cursor 做原型甚至比 Axure 还快。你只需要当个清楚交代需求的产品经理。实操几步走:

  1. 下载安装 Cursor(官网有 Windows/Mac/Linux 版)。
  2. 打开后新建一个项目文件夹,就是给代码安个家。
  3. 按下快捷键 Cmd+I(Mac)或 Ctrl+I,调出 Composer 面板。
  4. 在这用大白话告诉它你要做什么:“用 HTML+CSS+JS 写一个漂亮的待办事项网页,支持添加、删除、标记完成,数据存到浏览器 localStorage”
  5. 它边写边让你看代码,你直接点 Apply 接受修改,再点预览按钮就能看到效果。

等等,我前面说“不亲手写”听着有点夸张,准确说:你不用从零码,但最好懂一点基础 HTML 常识,方便跟 AI 沟通。至于框架,如果你完全不懂,就先让它用原生三件套(HTML/CSS/JS),出来效果最直观。

那我在界面里看到 Chat 模式和 Composer 模式,到底啥区别?我之前以为 Chat 就是问问问题,不能真写代码。

很多人跟你一样,以为 CursorChat 只是个内置的 ChatGPT 窗口,改不了代码——这真是个大误区,其实它也能改文件,只是方式不同。我直接用个表格对比一下:

ChatComposer
核心用途问答、解释代码、修 bug 建议一次性生成或修改多个文件
交互方式侧边栏对话,给你代码片段内联在编辑区,直接改你文件
适合场景学习、调试、问最佳实践从零搭原型、跨文件重构
新手推荐先用来问“这段代码啥意思”直接说“帮我做一个...”出成品

讲真,上手最快的是 Composer:你描述一个功能,它跨 HTML/CSS/JS 一起改,你点 Accept 就完事。Chat 更像个导师,随时问你碰到的概念。

原来如此,那我现在就想试试!🔑 一句话记住:Cursor 不是替代你干活,而是给你配了个能写代码的副手,但你得当好那个交代清楚需求的产品经理。

对了老D,那它和 GitHub Copilot 有啥区别?我见程序员都用那个。

Copilot 更像在你写代码时自动补全下一行的“智能提示”,偏向于增强程序员效率;而 Cursor 是让你从零创造,直接以整个功能为单位生成。用厨艺类比:Copilot 是帮你快速切菜,Cursor 是你说“我要一道宫保鸡丁”,它连菜谱带烹饪一块儿给你。你如果纯新手想快速出原型,先用 Cursor 更合适。