现在开发环境和项目都初始化完成了,接下来我们就可以按照 Cursor 的提示先来开发 LandingPage 首页了。
在真正开发之前,我们还是非常有必要配置一个适合我们项目本身需求的 Cursor 指令规则,其实也就是提示词,我们希望 Cursor 以什么样的方式来进行开发。我们可以直接去 https://cursor.directory/ 查找一些比较合适的规则。
然后将规则拷贝到我们项目根目录下面的 .cursorrules
文件中即可。
接下来我们就可以在 Composer 中输入指令了,根据前面的提示,我们的开发计划如下所示:
那么我们就可以从基础组件开发开始:
然后让直接开发首页即可:
最后我们可以根据效果来进行微调:
下图就是最后我们生成的首页效果图,整个过程不需要自己手动写代码: