在cursor的chat页面右侧,有个composer组件:

它允许开发人员提供高级指令,用于创建整个应用程序或进行复杂的多文件更改。AI 会解释这些指令并生成或修改必要的文件和代码。
Composer和chat的最重要区别,Composer关注整个项目级别,强化了多文件理解与生成的能力
Cursor Composer 的主要功能包括:
使用composer的快捷键是Command + I
上一节我们最终的page.tsx, 它的代码有200多行,将很多函数和功能放在一起了,我们使用composer对它进行重构下:

输入重构的指令:

Composer会自动将它拆成多个文件,并创建好目录。点击Accept all:

测试改动代码后的页面,确认所有功能正常:
