步骤
- 先搞个创意 Demo
用 bolt.new 或者 Lovable 工具,随便说点想法(比如 “想要一个能记待办的页面”),它们就能立刻生成一个能点、能划的初步 Demo,前期文档越详细越好。 - 把 Demo 做得和真的交互一样
用 V0 工具,能把设计好的界面直接变成能运行的代码(不用管啥是代码,知道它能让界面 “活” 起来就行)。这一步里,设计师可以一点点调细节,比如按钮大小、颜色,直到看起来和真 App 没区别。 - 让 Demo 有真功能
接上 Supabase 这个 “后台助手”,它能帮你搞定用户登录、存数据这些核心功能。比如你做了个记账 Demo,现在真的能注册账号、记一笔账,不会只是个 “假样子”。 - 上线用起来,还能慢慢改
这样一套组合下来:
✅ 设计师能快速做出 “看起来像真的、点起来也像真的 Demo
✅ 开发团队拿到现成的东西,直接就能接着做,超省事
其他IDE的选择
- Windsurf - The most powerful AI Code Editor
- Cursor - The AI Code Editor
- Visual studio Code
- Lovable: 8 个月,年收入破 1 亿美元
- Pycharm
- Trae
总结
我自己一直在用 Cursor,尝试过 Pycharm 和 Visual studio Code、Trae(目前免费)
飞书 Docs
Link: https://nrv1goxcu2.feishu.cn/docx/BuwUdvrktonpOpxYVqac65wcnKe
Password: S91264&3
💡
欢迎分享文章,或是与我联系