以下是关于 Cursor 的 User Rules 相关内容,适用于前端开发:
Cursor Rules 简单来说是为 Cursor 做角色定位,使其以更专业的角色服务。它允许开发者为 AI 助手设置特定指导原则和行为模式,让 AI 在生成代码、提供建议和响应查询时能更好适应开发者的编码风格和项目需求。
设置通用规则的步骤如下:
当您从新手阶段进阶,希望进行更专业的 APP 开发、前后端项目时,可以通过以下方式获取更专业的 Cursor Rules:
设置好 Cursor Rules 后,就可以开始创作第一个小作品,比如一个打砖块的小游戏。首先在右侧对话框中输入本次项目的内容(可以非常口语化),使用 claude-3.7 模型等待代码生成完毕。可以看到左侧文件夹生成多个文件,中间显示 AI 生成的不少代码,右边是 AI 告知的互动生成内容。点击右下方的 Accept all 使代码生效。若想查看项目效果,直接跟 AI 说“运行项目”,点击 AI 提示的 Run command 会跳转到预览页面。如果玩起来有问题(如操控感不好、不美观),可以让 AI 进一步帮助美化。
另外,在某些情况下,比如导入 cursor 时,需要上传到 github 并下载到本地,在设置里把 user rules 改成“always respond in 中文”,在 terminal 里输入“npm i”“npm run dev”等操作。
Cursor Rules简单来说就是为你的Cursor做一个角色定位,让它以一个更加专业的角色为你服务。它允许开发者为AI助手设置特定的指导原则和行为模式,使AI在生成代码、提供建议和响应查询时,能够更好地适应开发者的编码风格和项目需求。我们首先设置一个通用规则。第一步,点击界面右上角的小齿轮图标在cursor settings中找到Rules将以下文本拷贝到User Rules后,关掉页面就可以了当你从新手村毕业,希望涉及更加专业的APP开发、前后端项目时,可以在下方github项目中寻找更加专业的Cursor Rules。https://github.com/PatrickJS/awesome-cursorrules或者使用https://cursor.directory/generate直接根据你的项目重点进行生成[heading2]如何使用Cursor制作第一个小作品[content]设置好Cursor Rules之后,我们便可以开始第一个小作品的创作了,我在这里演示的是一个打砖块的小游戏首先,在右侧对话框中输入本次项目的(可以非常口语化)我使用的是claude-3.7模型,静静等待代码生成完毕可以看到,左侧文件夹中已经生成了好几个文件,中间已经显示AI为你生成了不少代码,右边则是AI告诉你这次互动生成的具体内容。我们点击右下方的Accept all后,这些代码便生效了那么,我们怎么看到这个项目是什么样子的呢?第二步:直接跟AI说,运行项目点击AI提示的Run command,你就会跳转到一个预览页面页面内容我们希望生成的打砖块小游戏了,如果你玩起来有问题(比如操控感不好,不美观),可以让AI进一步帮助你美化。
Cursor Rules简单来说就是为你的Cursor做一个角色定位,让它以一个更加专业的角色为你服务。它允许开发者为AI助手设置特定的指导原则和行为模式,使AI在生成代码、提供建议和响应查询时,能够更好地适应开发者的编码风格和项目需求。我们首先设置一个通用规则。第一步,点击界面右上角的小齿轮图标在cursor settings中找到Rules将以下文本拷贝到User Rules后,关掉页面就可以了当你从新手村毕业,希望涉及更加专业的APP开发、前后端项目时,可以在下方github项目中寻找更加专业的Cursor Rules。https://github.com/PatrickJS/awesome-cursorrules或者使用https://cursor.directory/generate直接根据你的项目重点进行生成[heading2]如何使用Cursor制作第一个小作品[content]设置好Cursor Rules之后,我们便可以开始第一个小作品的创作了,我在这里演示的是一个打砖块的小游戏首先,在右侧对话框中输入本次项目的(可以非常口语化)我使用的是claude-3.7模型,静静等待代码生成完毕可以看到,左侧文件夹中已经生成了好几个文件,中间已经显示AI为你生成了不少代码,右边则是AI告诉你这次互动生成的具体内容。我们点击右下方的Accept all后,这些代码便生效了那么,我们怎么看到这个项目是什么样子的呢?第二步:直接跟AI说,运行项目点击AI提示的Run command,你就会跳转到一个预览页面页面内容我们希望生成的打砖块小游戏了,如果你玩起来有问题(比如操控感不好,不美观),可以让AI进一步帮助你美化。
https://lovable.dev/lovableEcho Yuan设计页面布局调整UI风格优化用户体验Idea to app in seconds.Lovable is your superhuman full stack engineerAsk Lovable to create a dashboard to..可修改的元素:AtachImpor3DproeRecipe collection↑风格中英文My ProjectsLatestFeaturedTemplates颜色Ct aug s按钮样式页面内容ors oune-generator6ceasto2 day13℃晴朗d中导入cursor上传github,下载到github本地,导入cursorNavigationBar.tsx XCursor Settings把设置里user rules改成"always respond in中文General&Features在terminal里输入npm iol ModelsRulesMCPBeta在terminal里输入npm run dev出现本地网址后点开运行O test2Cursor SettingsXoute.tsChat