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

[colderforever]

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

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

Cursor 的强大之处在于：

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

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

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

[needpp]

这玩意是干嘛的？ 记得之前也有人弄这个东西？

[Liftman]

其实我有一点不太理解。这个和我直接用 sonnet 有什么区别？。。。。毕竟 claude 也支持页面内直接渲染出来。。。我看了下人家的解析。说是 cursor 的 prompt 更好。但是除此之外。还有什么核心区别吗？

[Curtion]

我下载试了试，然后又删除了。因为 cursor 没有同步功能、不支持多 profile 导入，它如果作为其它编辑器的插件或许还有用。

[falcon05]

这玩意强到爆炸，可以说是继 ChatGPT 之后最令我有付费欲望的工具，就算完全不懂代码，也能做出一些实用的网站和 Chrome 插件，开启全民大开发时代。
对懂代码的 web 开发简直如虎添翼。

[xing7673]

你这个其实体现不出 Cursor 的优势
因为我自己也做过类似的东西，只需要和 Claude 或者 GPT 聊天，然后输出 html 给我就行了

Cursor 的优势还是在于对于 codebase 有针对性索引
以及交互性的编辑代码
在中小规模的项目上比 vscode 要好用很多

但是我觉得就算这样，20 刀还是有点贵了，我现在在看一些替代方案

[kaichen]

> 20 刀还是有点贵了

已经很实惠了！！！

你花 20 刀等值的 144 元人民币，不可能招到一个比这个更快手速更听话，产出更好的人来帮你写代码。

每月出 $20(¥144) 雇它，相当于

- 瑞幸 9.99 x 14 ☕️
- Manner 15 x 10 ☕️
- 茶姬 15 x 10 🍵

你自己喝这些能干活这么快吗？

😊😊😊

[yanyao233]

@kaichen 你这么一比我就明白了啊🤣瞬间觉得自己没用了

[zhangshine]

说说关于做网站的问题，你这种一个网站只有一个或者几个的页面的网站 Google 已经不给流量了。要想让 Google 给流量 1.创作大量的相关内容页面，最起码得超过 100 个页面吧，可以靠一些长尾关键词，非常耗时间 或者 2. 有大量的外链，非常耗钱和时间。

[kele999]

最近好多这个的广告啊

[xing7673]

@kaichen 20 刀贵当然是比较现在大模型的 api 费用啊，这价格如果是 2023 年初那会儿推出我不会有任何意见，现在开源模型、groq 之流划算的方案这么多，就算是 gpt 和 claude 的 api 费用也不会这么高。
就我自己体验上来说，确实比以前基于聊天流交互体验有提升，但是该卡问题还是会卡问题，本质上还是由背后的模型能力决定的。

[lekai63]

目前用 zed AI 免费（其实连的是 claude ）

[bronyakaka]

一眼广告，这玩意我用过就是个带代码补全生成的编辑器，那我为什么不直接问 ai

[kaichen]

@xing7673 #10

> 现在开源模型、groq 之流划算的方案这么多

开源模型和 groq 对比 claude3.5 来说并不及格，claude3.5 是当前唯一能高概率把代码写对的模型。

如果你真深度用过 groq 会发现它为了速度，模型能力下降不少。

[kaichen]

@bronyakaka

> 那我为什么不直接问 ai

cursor 最大价值是帮你把 RAG 给做好了，把你手动复制粘贴功夫省了，用 AI 不就是为了简化操作吗？

比如你想要实现某个改动，cursor 自动帮你找出要改哪几个，和你说他要改哪里，你点个同意就做完

比如你要引用某几个文件，那么直接手动问 AI 需要自己把那个几个文件贴进去，cursor 只需要你 at 对应文件（并且带补全）

比如你要引用某篇文章或者某个库的 API 版本，那么直接手动问 AI 你需要把对应代码调用给贴进去，cursor 只需要你 at 某个 URL 或者某个你命名好的库（并且带补全）

比如你要在当前整个代码库里搜索相关代码，那么直接手动问 AI 你需要自己手动搜索

当你提供好信息之后，cursor 可以一键把改动 apply 进去

这些很像汽车自动档，如果有自动档和手动档（自己复制粘贴去问 AI 再贴回来）

[kaichen]

说广告真好笑，坏人见多了都不相信世上真有乐于助人是吧🤣

看到好东西能解放程序员手工劳动，分享出来帮助同行少干点体力活，多点时间去玩黑神话悟空不好么？即使你省下来的时间去干点副业赚钱不香么？

关键，这东西还能免费用两周，不用绑信用卡，你想薅他还可以到期再换个号，一直白嫖

再进一步，这东西真是我做的，能给社会带来价值，推动整个行业效率提升，这挺光荣的，我也真想这么好的东西是我创造出来的😁

真的，去用一下，你会回来感谢推荐的人

[kaichen]

如果觉得 cursor 碰不得，是美帝来腐蚀你毒害你，还可以体验一下

- https://github.com/yetone/avante.nvim 国人做的 neovim 插件，类似 cursor 达到的 AI 编程集成效果，你需要自己给 claude API key
- https://zed.dev/ai 开源编辑器，也获得 claude 官方支持，加入了 AI 编程集成，有一定免费额度，也可以自己配置 API Key

总的来说，这种 AI 支持编程的趋势已经无法阻挡，让编程从手动敲一行行 code 变成提需求提思路让机器来干活🤩

[falcon05]

@kaichen 你无法说服他们的，他们浅尝辄止，就觉得就是广告，资本、营销。不相信好口碑能建立起来是因为产品力。Cursor 最强的功能叫 Composer ，这是 Beta 功能，需要手动开启，我探索了一下场景，如果是新项目，输入需求，回击回车，它会自己咣咣地把项目需要的文件都给你创建好了，连新建复制粘贴都不需要了。而且还有一点，就是它能每天用 10 次比 claud 家比 sonnet 更强的 opus 模型，不过也需要手动开启，试用版也可以。

[kaichen]

@falcon05 #17

哈哈哈，composer 已经在最新版本 0.40 里从 beta 放出来，成为正式功能了🎉

[nakar]

就目前而言，对于重构代码挺好用的，比 vs code 的好不少，不知道我用的是否还在试用期中

[qweruiop]

@zhangshine 老铁说真话了，现在基本上全靠外链了。单纯做个页面加了一堆 meta 和 alt 的网页，提交下 sitemap ，没有外链，流量基本上是 0 了。

[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 的行为。