V0.dev:更符合用户习惯的低代码平台

243 阅读3分钟

前言

在之前的文章《关于大模型应用到低代码平台的一些想法》中,曾经描述过我对于低代码平台的设计构想,在这种构想下以聊天对话内容为主,其他部分为辅。最近,我发现一些实现这种想法的工具。在这里做一下分享。

本文主要介绍V0.dev工具,后续也会继续介绍其他类似工具

整体介绍

这是一个用于构建项目的网站。区别于曾经需要传统依靠代码构建软件的方式和低代码平台依靠拖动组件来构建软件应用程序的方式,它的软件构建方式非常方便。首页仅仅只有一个类似于GPT的对话框,除了解答你的基本问题外,还可以通过命令的方式来自动的构建项目代码。当输入构建命令后,他会开始根据命令去构建构建项目。当构建一个项目时它的页面交互变化如下:

Code

Code区主要是代码编辑区域,这里的代码自身有工具生成。当我们在左边输入了需求之后,页面便会从直接的搜索框转变成下面的模式。左边的对话框中会呈现一个生成进度,右边则是动态的生成代码文件。对于生成的代码文件,用户可以自己做修改,保存后生效。

Preview

当代码生成完成之后,会自动切换到preview区域,在这个区域下,用户会看到代码的运行效果。它会以一个web服务的形式运行。比如在下面这个贪吃蛇的项目中,用户可以通过方向键来控制游戏中蛇的移动。

Console

Console会用来打印一些控制台信息,比如如果我们稍微修改下代码,使代码运行过程中出现错误,那么在这里就会呈现具体的控制台信息,方便我们进行一些调试

提示区

除了使用提示区构建初始项目外,当我们发现生成的项目并不满足需求后,我们可以还可以在提示区给出新的需求提示。例如:

如果修改遇到问题,也可以让它自己进行修复。直到它能运行处符合自己的预期效果为止。

其他

除了基本的开发能力,这个工具还包括了版本管理和一键部署的能力,这也意味着我们可以方便快捷的将它部署到生产环境中。这对于应用开发来说是一个很好的体验。

总结

相比于之前对marscode的使用,v0.dev的使用方式上更符合我对低代码平台的直觉。它的主体是面向自然语言的对话框,而非面向专业人士的代码编辑器。这样的设计更加符合非专业人士进行应用构建。但同时,我感觉其实可以更进一步把代码编辑模块完全屏蔽掉,只包括一个【专业模式】的入口,只有从这个入口进去才能看到和编辑代码,从而使初始页面完全符合小白用户的使用习惯~