这提示词也不要盲目套用，本质是把项目内部的一些React代码规范-20240902100931

#6个技巧提高Cursor代码质量#

想必大家都用过编程神器Cursor，也都知道，编写其内置提示词可以让AI输出的代码质量更高。

来看看国外开发者Guido Schmitz分享的提示词【图1】，这些提示词通过增加一致性、可读性和可维护性，从而让开发团队更加高效地协作。

举例来说，以下六点理由可以让你更清晰地理解这些提示词：

1. 使用小写和短划线命名目录（例如，components/auth-wizard）：
- 理由：这样的命名规范保持了项目的一致性和可读性，使目录结构一目了然，方便团队成员快速定位文件。

2. 使用描述性变量命名，如isLoading, hasError：
- 理由：使用带助动词的描述性变量名，可以大幅提高代码的可读性和可维护性。

3. 优先使用函数式和声明式编程模式，避免使用类：
- 理由：函数式编程更加简洁和模块化，有助于减少依赖，提高代码的可维护性和可测试性。

4. 使用WebP格式优化图像，包括图像尺寸和延迟加载：
- 理由：WebP格式提供了更优的压缩率，有助于减少应用的加载时间和带宽消耗，从而提升用户体验和应用性能。

5. 使用Supabase SDK进行数据获取和查询，并利用Supabase的模式构建器创建数据模型：
- 理由：利用专门的SDK和工具，更高效地与数据库交互，保证数据处理的一致性和安全性。

6. 在React项目中，最小化使用useState和useEffect，并尽量利用React服务器组件（React Server Components, RSC）来处理数据：
- 理由：减少在客户端处理数据，可以降低浏览器的负担，提高页面的响应速度和渲染效率。