Cursor AI编程-详细教程

一点准备工作

Cursor方法论：简单到没有方法

Cursor能做什么

Cursor官网：https://www.cursor.com/ja

Cursor文档：Cursor – Welcome to Cursor

Cursor论坛：Weekly - Cursor - Community Forum

写程序代码

举例：

1. 设计一个chrome插件功能

2. 让cursor进行代码开发

3. 让cursor按照需求调整UI风格（APP端的复杂动画效果也能做）

4. 测试成功后进行打包

5. 提交应用商店让cursor填写审核材料和用户隐私协议

6. 上架后让cursor写这个产品介绍的视频脚本

改写开源项目

举例：

1. 从GitHub下载国外的开源项目代码（使用 @ codebase 索引代码库）

2. 导入cursor打开，梳理反编译成PRD

3. 让cursor为所有代码写上注释，用于理解和学习

4. 让cursor把界面文案全部改成中文，视觉风格优化

写文章

举例：

1. 直接在cursor打开编辑器写文档

2. 上传和关联在线和离线材料文档

3. 让cursor写提纲和完整文章

4. 在curse编辑器直接润色和补全

自动生成工作流

1. 到dify官网复制介绍文档https://docs.dify.ai/

2. 回到cursor进行@ docs 添加链接进行收录

3. 引用文档进行提问有哪些节点和工具

4. 给他参考文件，让cursor设计一个工作流

5. 让cursor生成dify的可配置文件DSL

6. 打开dify进行导入文件（https://cloud.dify.ai/apps），自动生成工作流（如果报错截图提问就行

数据处理

1. 在cursor中导入本地CSV表格文件

2. 使用@ docs 能力进行对话分析

学Cursor的技巧

Rules for AI

说明：Cursor – Installation（https://docs.cursor.com/get-started/installation?share_chat=cd1289c1-99f8-4a1b-b17b-efe9c3716e58）

全局rules，在Cursor全局层面限定大模型的规则

Always respond in 中文 代码注释
-使用 JSDoc注释

“Always respond in 中文”是限定cursor用中文和我们对话

“代码注释 -使用 JSDoc注释”是限定给代码加上注释，方便我们查看

大模型使用

Cursor支持主流的各种大语言模型，实践下来效果最好的仍然是Claude-3.5-sonnet

Codebase Indexing

开启“Codebase Indexing”功能意味着文件会被上传到 Cursor 服务器进行分析。如果在项目开发（尤其涉及多文件时）经常遇到代码报错，开启这个功能可以让 Cursor 对项目文件进行全盘分析。同时，如果不想一些核心文件或无关文件被索引，可以将它们添加到“Ignore files”中。

chat和composer

• Chat 模式：更侧重于提供辅助和解答，类似一个智能聊天助手。主要用于代码解释、问题解答、提供代码优化建议或重构方案等，可以问它有关任何需求、想法和代码的问题

• Composer模式：专注于代码生成和文件操作，可根据自然语言描述生成完整的代码片段或文件，还能跨多个文件进行协调修改，包括normal和agent两种模式

• 模型切换

• 图片识别：部分模型不支持图片识别

模式对比

通过 @ 引用

• Files：引用文件

• Folders：引用文件夹

• Code：引用代码片段

• Docs：添加和关联文档

• Git：版本管理

• Notepads：引用记事本

• Summarized Composers：总结代码

• Cursor Rules：引用rules文件

• Web：联网搜索

恢复历史版本的代码

Restore 功能主要用途：回滚文件修改，将代码版本恢复到这个对话之前

（另外还可以通过Git进行更加专业的管理）

大致是这么做的

第零步：一个产品想法

（可以先想一想，后面一起实践…）

第一步：写提示词

• 在笔记本或者直接在cursor中写好提示词

• 可以是复杂的“角色+能力+任务”也可以是简单的一句话描述

• 记得让cursor帮你写readme.md文档=产品需求文档+技术需求文档

你是一个出色的全栈工程师，我们目前要开发一个基于chrome浏览器的倒计时插件，它的名字叫“网页倒计时”，请你帮我完成这个插件的开发。## 插件功能说明
1、它能够手动设置要倒计时的时间，可以选择输入的分钟数和秒数
2、它设置倒计时后是以半透明背景悬浮层的形式展示在浏览器网页右上角，并且可以通过鼠标拖动
3、倒计时结束的时候默认弹出chrome浏览器的的结束通知，并且可以设置距离倒计时多少时间后进行单独的浏览器push通知消息## 界面说明
1、点击插件图标弹出一个设置界面，包括两个功能，倒计时设置和通知设置
2、倒计时设置：支持输入倒计时的分钟数字和秒的数字
3、通知设置：支持输入距离倒计时结束多少分钟和多少秒的时候进行提示通知
4、开始按钮：点击按钮开始展示倒计时半透明背景的悬浮窗，倒计时实时展示进度
5、重置按钮：点击按钮重置上面填写的到时候设置和通知设置的内容## 其它说明
现在请作为产品经理和UI设计师，先写一个详细的README文档并保存在根目录，阐述你对我的需求的理解，以及实现方式。然后请你作为一个工程师，请你仔细认真一步一步思考，理解需求的内容，并编程写出这个浏览器插件和它的对应功能。要求功能强大，界面美化。

第二步：开始caht

根据readme文档进行多轮Chat

遇到错误直接截图/复制+文字描述仍给cursor，让他多总结前面的错误不要再犯

第三步：完成MVP

实现最简单功能闭环，去除某些实现不了的功能（实在完成不了可以完全删掉重做）

让cursor给出可以进行优化的地方并继续chat

第四步：添加新功能

根据chat过程中的灵感添加新功能

最后加上一些肯定可以做的功能，添加联系作者的按钮

第五步：优化UI

使用即梦/豆包等AI生成网站制作icon图标

UI优化和修改，准确描述你想要的风格或者直接扔一张风格截图给它参考

第六步：打包提交

根据项目帮你填写应用商店材料和隐私协议内容

第七步：撰写媒体材料

让cursor帮你写介绍产品介绍文章和视频脚本，你可以进行媒体发布

进阶技巧：一些大家开源的经验

UI样式美化

• 给参考图+具体描述

• UI组件库+具体描述；比如AppleDesign风格等

• V0生成前端界面+cursor后期微调

• figma设计稿我的+cursor参考

可控性提升

.cursorrules

特定项目的rules，.cursorrules文件定义了 Cursor AI 在生成代码时要遵循的自定义规则，允许您根据特定需求和偏好定制其行为。

一些cursorrules网站：

• Cursor Rules 一键复制（https://oyyxdd.github.io/cursorrules/）

• Cursor Directory（https://cursor.directory/rules）

即刻动态：即刻（https://web-next.okjike.com/u/409068C1-1C15-44EC-A76E-2333F34E5B38/post/676b53c796c39061da0bd0fe）

cursor+coze

使用coze搭建工作流，获取coze工作流的API接口，结合coze写应用程序调用coze的API

上下文长度提升

Summarized Composers

composer对话超出上下文限制的时候使用，可以在.cursorrules文件中让cursor每次回复都带一个特殊的识别标识或者文案，当不在出现的时候说明超出说了上下文限制

Large context

开启后会有更长的上下文，大概是4倍，也会有更多的tokens消耗