我知道“所见即所得”这个术语不能真正应用于 javascript，但我很好奇是否有任何 IDE 可以通过可视化设计来帮助您生成 JavaScript 源代码。使用的框架（如果有）无关紧要。
我说的是 Visual Studio 中的表单设计器之类的东西。
【问题讨论】：
标签： javascript visual-editor form-designer
我认为您的问题可能几乎是不可能的，因为 Javascript 是一种动态语言。我见过的最接近的是 Aptana 的对象浏览器，或者可能是集成到您最喜欢的编辑器中的 ctags 之类的东西。但是这些东西构建了一个可导航的文本大纲，而不是“图形”的东西。
虽然 Aptana 已尽您所能，但您仍会遇到回调函数的问题。回调函数通常没有名字，你如何布局/导航没有名字的东西（当然，你可以做形状/符号/等，但这可能很困难）？
也许您说的是UML 之类的东西？如果是这样，我不知道代码编辑器有任何 UML。不过，那会很酷。至少，在开始一个项目时。我猜，当代码变得庞大时，可能很难导航。
或者，也许您正在谈论诸如 VisualStudio 或 Xcode 之类的东西 - 您可以在其中布局界面并连接代码。 Xcode 的 Dashcode 可以做到这一点，但我认为它只适用于它自己的自定义 SDK - 我不确定你是否可以使用纯 Javascript。
【讨论】：