前言
之前的文章中我们已经介绍和探索了两款使用自然语言构建应用程序的工具,今天,我们介绍另一款相关的工具:Lovable。
主页
进入网站之后的主页和之前的两个工具一样简洁:除了应用介绍,就是一个可以输入需求的对话框。我们可以在这个对话框中输入我们想要做的应用功能,比如,我们想做一个贪吃蛇游戏,但我们又没有想好更细致的描述我们的游戏想要做成什么样,此时,我们可以在对话框中简单的输入”写一个贪吃蛇游戏",让它先生成一个简单的游戏,之后,我们再基于初版上进行修改和调整。
应用生成
在生成过程中,右侧区域会展示代码的生成过程。相比于之前的几个工具,这里生成的时候不会展示项目树,只会逐个文件进行生成,用户能看到的始终只有正在生成的文件内容。这种形式让用户更加聚焦于生成过程,而不必关心项目如何。对非专业人士来说比较友好(相反,对于专业人士如果想要阅览整个项目,这里是看不到的)
当生成完成之后,会自动跳转到预览页面,加载预览页面观看生成效果
错误处理
当生成的代码存在问题时,下方会弹出一个按钮提示你进行修复,点击即可修复,不需要用户人工去定位问题,修复代码。
效果预览
预览页面加载完成后,便可以在右侧查看生成的内容,查看生成是否符合预期。
功能调整
整体调整
如果对生成的内容不满意,我们可以在对话框中进行进一步的调整,输入我们期望的需求。调整后
部分调整
如果对于生成内容中部分元素不满意,想要进行调整,我们可以使用select功能选中部分元素,然后进行调整。例如期望将”贪吃蛇“字体改成红色。
应用发布
当项目调整完成之后,我们可以对它进行发布,通过点击右上角的部署按钮可以实现一键部署。
部署完成之后,其他人就可以通过这个网址来访问你的应用了。
总结
使用下来,可以感觉到相比于前面两个工具更加的丝滑。虽然在代码展示这一块不像之前一样树形展示项目,方便阅读,但对于不懂代码的小白用户来说其实毫无影响,甚至减少了他们的困惑点。这是我觉得交互上的一个亮点。另外一键部署能力也非常丝滑,最基本的部署能力几乎不需要做任何配置就可以部署,减少了web应用的开发难度。