它是一种以游戏开发模式开发webapp的可视化开发方法。

和unty的游戏开发一样，它有一个视觉界面。拖放式开发过程非常舒适方便，极大地实现了功能模块的重用。与当前的网络开发方法相比，这相当于提前步入共产主义。受此启发，我想拥有自己的web开发可视化开发和编辑工具，可以根据统一模型共享模块。现在我有了初步结果，我想在这里分享。

最近，碰巧有一个项目，作为系统开发的第一个项目，演示也相对简单。

在当前的webapp开发过程中，第一步是绘制设计图。现在设计师使用的设计工具可以直接导出样式代码和插件。因此，在界面开发阶段，工程师经常在复制代码。如果没有实时视觉界面，他们通常会等待页面刷新以反馈更改，这是低效的。

我在这里设计了一个CSS组件，可以粘贴符合当前流程的样式代码。

输入一些常用的独立样式表，如flex flex center，以进行进一步的反编码。

脚本系统介绍。一般的网络框架开发涉及亲子沟通。Unity有另一个想法，

您可以将不同的“组件”拖到脚本中以处理逻辑。该脚本在内部高度独立，因此非常适合重用。

预制件系统。有许多模块可以在我们的开发过程中重用。您可以将它们设置为预制构件，可以在未来的项目中使用，也可以在项目中重复使用。例如，可以将列表项设置为预制零件，可以拖动、放置或导出。这些预制部件是您的代码资产，也可以作为资源与其他人共享。

项目构建和导入/导出是编辑器系统不可或缺的模块。我将项目格式命名为WD1P。此外，导出的代码与我们的手写代码一致，可读且可维护，这与原型编辑器生成的代码本质上不同。

整个编辑器基于playcvas的编辑器。随着可视化开发，开发效率提高了很多，代码共享也有了质的飞跃。开发过程也很有趣，并不枯燥。发布了阉割体验版本，仅具有继承树功能

https://songshujitu.github.io/web-designer/