前言🌟
书接上回，我开发了一个摸鱼🐟网站 ，没看过的朋友可以看看：为了摸鱼我开发了一个摸鱼网站 ，最近网站又增加了许多功能。最近我发现市面上的使用 Cursor 的文章都不够简单直白，我也来写一遍我自己的心得，我是用都没用过 Cursor 到熟练命令它开发页面我只用了 25 分钟，就跟平时 AI 🤖问答一样，我的方式🌟可能不是最好的，但一定是最适合新手小白的。我将从我使用 AI 帮我开发页面开始的心路历程、如何高效的使用 Cursor 以及最后分享几个无限注册 Cursor 的工具，接下来让我们开始吧！🥳
AI 开发 UI 界面 🌈
我们先不着急使用 Cursor 来上手开发，先去 AI 界面生成网站来喊 AI 来帮我们创建几个我们满意的界面再动手开发，接下来我会介绍两个我常用的 AI 界面生成网站：
bolt.new
网站地址🐳：bolt.new/
网站功能：
- 根据你的提示词来生成你的目标网站，已达成想要效果。
- 可以自动打包发布到在线地址供它人使用，或者下载到本地使用源码。
如何使用 🔥
- 确定提示词（以我的网站为例，我的技术栈是 React 、样式库使用 tailwindcss）使用这样的提示词就够啦。
- 查看效果（等待代码生成就可以看见效果预览了）。
- 发布以及下载源码（点击右上角的 Deploy 即可发布在线地址）。
-
然后将下载下来的源码直接 CV（图中的页面代码写在了 App.tsx 中，直接复制咱贴就好啦）
由于我之前有自己的前端模板，我是直接套用我之前的前端模板，然后加一个 route 菜单路径，就可以直接看到页面的静态效果啦。
我的前端模版地址是☀️：github.com/lhccong/rea...
v0
网站地址🐳：v0.dev/chat
网站功能：
- 根据你的提示词来生成你的目标网站，已达成想要效果。
- 可以自动打包发布到在线地址供它人使用，或者下载到本地使用源码。
- 可以查看现成的优秀案例。
如何使用 🔥（与上面的 bolt 使用方法一致）
我的 Chat 界面
Cursor 如何提示使用 🔔
Cursor 如何提示他让他生成你想要的界面，这需要一点提示方法，我将介绍几种我使用下来比较舒服的方式，我也是自己摸索出来的，没用参考市面上其他人的使用方法，可能有些不足，请指正。
💡 配置插件
由于本人是后端开发，我比较喜欢 JetBrains 的风格，我只用了以下三款插件就够用了⬇️：
⚡️ Cursor 代码回滚
在使用之前必须要了解到 Cursor 的撤回机制，比如你的代码生成错误了，不是你想要的而且改动太多，那你这种情况就需要使用 Cursor 的回滚（十分重要，不然你会捡了芝麻丢了西瓜🍉），点击 Restore checkpoint 即可回滚到你之前的代码 ⬇️：
🔥 Cursor 自动生成
不提供任何文件，直接提问⬇️：
这种方法就有点随心所欲了，Cursor 就给你找到它认为适合的地方给你生成你所需的代码🐶。
🔥 指定文件生成
你可以通过 @ 的方式或者直接在 Cursor 中打开目标界面文件来直接提问如下⬇️，
此方式适用于我们已经有了界面文件，但是想对其优化以达到我们想要的效果。（适用于上面用 AI 帮我的生成的界面再细节优化）。
🔥 指定代码块来进行联调优化
比如我们已经有了后端接口，并用 openapi 生成了接口文件，那么我们直接引用接口代码（在 Cursor 中 CV 即可）交给 Cursor 让他适配我们的接口来自动联调，如下⬇️。
🔥 配合在线 api 来开发界面
如果有些地方可以使用到别人提供的在线 API 我们可以将 api 地址以及返回格式直接交给 Cursor 让其来生成页面代码 ⬇️
这里需要注意的是，如果 Cursor 生成的代码影响到了你的其他功能，你需要让其回滚，重新修改提示词，比如🌰：不要影响 xxx 功能。
🌸 查看界面效果以及提交
我是直接双开 Webstorm 和 Cursor ，在 Cursor 生成的代码我会到 Webstorm 保存一下，自己检测一下所生成界面的效果逻辑，如果确认无误，先提交一条 Git 记录，再新开一个提问窗口来再次新增修改功能模块。
Cursor 无限♾️白嫖工具
我推荐有两个无限注册工具🕶️
- cursor-free-vip ：推荐！此开源工具无需自备域名或者其他，只需要 github 账号或者谷歌账号即可完成无限♾️ 白嫖。
- cursor-auto-free : 此方法需要准备一个自己的域名，并配置完整流程，目前我使用的是这种方法，比较偏希望自己捣鼓的小伙伴。
最后 ✨
感谢大家看到最后，我是聪 希望可以跟大家一起学习，如果文章对大家有帮助的话不妨给我的新项目摸鱼岛🐟 点个免费的 star 🌟，我的 Github：github.com/lhccong 如果里面有你感兴趣的项目也可以点个星星⭐和关注🔥，未来我还会持续写新的好玩的小项目。