本文将以为例，介绍一种 利用，快速 还原UI稿子 为静态项目的方法，极大加速生产力
目录（掘金文档内目录跳转还待实现中...） 前置配置 快速还原 效果展示
打开Cursor设置，在里面找到mcp的配置 点击 Add new global MCP server，进去填写配置
配置成功，会发现该栏目变绿
具体的相关，可以去的官网的个人主页去找
在设置的Feature中，找到Docs，把你能想到的技术文档的官网填写进去，绿灯代表解析成功可用
Cursor 的规则（Rules）系统允许你为 Cursor 设定一系列指令或限制，告诉它在处理你的代码或问题时，应该遵循哪些原则、避免哪些操作，或者优先考虑哪些信息，就像是给 AI 的“工作手册”。
为了让生成的代码更加符合规范，可以在项目根目录下，创建 .cursor/rules 文件夹，在里面编写各种mdc文件
以作者的个人习惯为例：
- 1、作者喜欢优先创建一个静态测试页，在此页通过按钮去跳转验证各个页面的静态效果
- 2、作者喜欢使用vue3、uniapp、纯javascript、setup语法糖
- 3、作者喜欢在页面优先起一个大容器，最小高度100vh，内含 安全顶部距离组件和主体内容盒子
- .... 具体的看我下面mdc文件
由于mdc文件是markdown格式的，因此在另一篇文章给出：
AI+Mcp·快速生成静态界面指南 · MDC规则约束·示范
- 1、上述的mdc规则约束，涉及安全胶囊距离组件，在此文给出：小程序安全胶囊距离组件
- 2、测试入口，《快速静态页》 如下：
如何使用：
- 1、在该文件 摁 键，呼出 ，告诉cursor：“先阅读一遍内容”。
- 2、然后告诉cursor：“基于fasterPageGuide为我实现这个页面： 《填入你的UI设计稿地址》”。
- 3、你也可以补充更多关键词，例如要求：文件存放路径，文件名，使得生成的代码更加规范。
使用方式： 这里随意拿张此项目使用AI生成代码的截图
测试入口：fasteStaticPage
个人中心页
可以看到还原度还是很高的
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/225321.html