非前端程序员用 Cursor 两小时搞定了一个 SEO 友好的网站

[colderforever]

和大家分享一下我最近使用 Cursor 的经历。

作为一名 iOS 程序员，只用了两个小时，我就借助 Cursor 开发出了一个对 SEO 友好的网站：
https://brat-generator.com/ 。
整个过程出乎意料的顺畅，感觉就像是在和一个经验丰富的前端开发者结对编程。

Cursor 的强大之处在于：

1. 通过对话式交互，让前端开发变得直观易懂
2. 能够理解需求并给出合理的代码建议，弥补了我在前端知识上的不足
3. 自动处理了很多前端技术细节，大大提高了开发效率
4. 对 SEO 优化等专业知识也有很好的支持，这对于全栈开发非常有帮助

对于我们这些非前端专业的程序员来说，Cursor 无疑是一个强大的工具。它让我们能够快速实现全栈开发，并且在过程中学习前端技术。

不知道各位 V 友对 Cursor 有什么看法？欢迎分享你们的经验或者对我这个小站的建议！

[icoomn]

我还没学会 codebase 到底怎么用。谁能教教我啊？或者有相关资料分享下，谢谢！

[yb2313]

@Liftman 有的, 你夸 Claude 谁给你广告费?

[yb2313]

铺天盖地的广告费, 全平台到处都是, 怎么拉黑都没有用, 只能设置关键字屏蔽了, 跟狗皮膏药一样, 套壳 vsc 套 Claude 闹麻了, 估计公司支出 80%都是广告费, 然后过几年跑路, 经典老套路

[spug]

网站打不开了，推荐你一个网站监控工具来监控网站是否异常： https://up.spug.cc

[guochenglong]

可惜不是插件，如果我是前端我会有 cursor ，但是我是后端，我习惯使用 jetbrains

[EastHorse]

@kaichen 这个产品体验过了，太强了。比以前 github 的 copilot 强一个量级

[rekulas]

f 不过你这个网站完全表现不出 cursor 的优势来，我用 gpt 甚至国内模型也能写出来 而且用不了 2 小时

[kele999]

我说广告，是因为近期 v 站、小红书、b 站、知乎全是吹这个的软文，因而我认为他们有推广告。“广告”二字，并没有说他产品如何好或差。某些同学像宗教信仰一样，容不得别人说一句“广告”，注意了并没有评价他产品质量如何，是不是太过激进了。

[colderforever]

@Liftman 主要是能在 ide 里直接修改代码，起码少了复制粘贴的过程

[dartabe]

@kaichen 那为什么不用 vscode/jetbrains 插件呢 前后端写代码都可以用 选本地模型还免费

[kneo]

我也觉得像是推广，但是找不到证据。

[exploreexe]

@Liftman #2
@Curtion #3 你们可能忽略了一个叫做 compose 的功能 可以自动操作文件。

确实牛逼，最近给我震撼的不行，晚上都不想睡觉，就想做产品，我觉得就 cursor 这么发展下去，程序员这行业迟早要完蛋。。。

[Liftman]

@exploreexe 明天试试。这几天还没来得及测试。。。

[icecrack]

这个 IDE 用起来确实不错，特别是他的 composer 功能，直接帮你新建文件了，省的你复制粘贴了 。感兴趣的可以试下，反正试用也不花钱的。现在能看到这么多的推荐帖子，我觉得还是这玩意真的好用。

[dzhuxi30]

https://cursorcase.com 这个网站收集 next.js TypeScript Python React Next.js React Native 一大堆 Prompt 熟悉哪个用哪个，开发一个站现在不难了。

[mtxst]

我是一个全栈程序员：工作跨越前端、后端、运维，还有 IT support 。我订阅过大半年的 CoPilot ，最近 2024 年 7 月份之后已经转为 20 美元的 Cursor 。我现在日常工作都用 Cursor 解决，所以给它发一点工资很值得。特别是个人项目，用 Cursor 效率简直飞起。

用了 Cursor 之后，靠自然语言编程会更多，它是一个真正的“结对编程助手”。我很少去直接写代码，还会时不时惊呼牛逼。如果它对我的提示词理解得不好，我也会烦躁。总体来说，效率是大大提升了。几倍我就不说了，50% 肯定是有的。

Cursor 的优势在于：

1. 自然语言编程。它是通过 Chat 和 Composer 实现的。拿汽车举例，如果说 CoPilot 能做到 L1 （辅助驾驶），Cursor 的 Chat 就能做到 L2 （辅助驾驶），Cursor 的 Composer 就能做到 L3-L4 自动驾驶。自动驾驶靠的是啥，当然是靠嘴（还得加键盘）了。

2. 代码修改能力。我前面说，CoPilot 自动补全是很牛逼，但是通常用在新写的代码，它很难 [自动] 修改现有代码。Cursor 是可以在 Chat 输出带修改方案，并且自动 apply 到正确的位置。

3. 支持多种模型。Cursor 2023 年我使用过，觉得也就那样。直到 Claude 3.5 出来之后才突飞猛进的。它这种策略可以让它专注于产品功能。大模型嘛，黑猫白猫都能抓到老鼠。

4. 功能交互上天生支持 AI 。cursor 是一个 vscode 的分支。它能突破插件的限制，能做出很多方便的功能来。
比如说：鼠标选中一段代码，点击一下就能添加到 chat 作为上下文。
比如说：terminal 里面报错了。点击一下就能把错误信息添加到 chat ，然后很快自动修复。

5. 强大又精确的上下文。强大到可以索引整个 codebase 。有人是这么用的：用 Cursor 问一个开源项目的工作流程、贺代码，来学习别人的开源项目。


我是很希望给大家安利 Cursor ，因此我还做了一个教程网站 Cursor 101 希望能给大家带来帮助。

我建议的学习思路是：
1. 了解核心功能: Tab （自动补全）、Chat （聊天编程）、cmd +k 等。最好打开项目，边练变看。
2. 学习一下 composer 。这时候看一下 youtube 上面的视频开开眼。一大堆说几分钟做一个小网站和 app 的。重复练习之后，提示词写得好，我觉得是可以的。
3. 让 Cursor 融入你的项目。学习一下 cursur rules ，定制 AI 的行为。