logo

该视频仅会员有权观看

立即开通课程「Cursor AI IDE 实践」权限。

¥
199
/ 年

首页开发(项目1)

现在开发环境和项目都初始化完成了,接下来我们就可以按照 Cursor 的提示先来开发 LandingPage 首页了。

在真正开发之前,我们还是非常有必要配置一个适合我们项目本身需求的 Cursor 指令规则,其实也就是提示词,我们希望 Cursor 以什么样的方式来进行开发。我们可以直接去 https://cursor.directory/ 查找一些比较合适的规则。

Cursor Directory

然后将规则拷贝到我们项目根目录下面的 .cursorrules 文件中即可。

Cursor Rules

接下来我们就可以在 Composer 中输入指令了,根据前面的提示,我们的开发计划如下所示:

开发计划

那么我们就可以从基础组件开发开始:

从基础组件开始

然后让直接开发首页即可:

然后让直接开发首页即可

最后我们可以根据效果来进行微调:

丰富内容

下图就是最后我们生成的首页效果图,整个过程不需要自己手动写代码: 首页