推荐用于纯Web应用程序的IDE（HTML5等）

Question

我想玩纯网页应用程序编程。

来自VB6背景，我想要的一些功能是：

• 逐步调试
• 可视化UI设计

如果我们决定将我们的下一个应用程序作为Web应用程序，那么价格并不是非常重要（更好的IDE会更高效，更舒适）。

更新：我正在寻找类似（我听到你得到的）jQuery的东西，其中有一个底层框架可以处理所有浏览器差异。所以我只是将一个UI小部件（下拉组合框等）放到IDE上，框架负责处理浏览器和操作系统的所有变体的javascript等。

Answer 1

我认为你会因为开始这些要求而苦苦挣扎。

• 逐步调试：更常见的是，您希望在浏览器本身而不是在IDE中执行此操作。如果您有一个仅在Chrome 6中发生的错误，那么能够在IDE中调试JavaScript对您没有多大帮助
• 视觉用户界面设计：问题在于，最终，IDE中的视觉效果并不重要，它在不同的浏览器，手机等设备上看起来如此。事项

可能与你所追求的最接近的是Dreamweaver，或者如果你对MS产品感觉更舒服，你可以尝试Expression Web（我自己从未使用过它）。我个人使用Komodo Edit，最新版本支持HTML5和CSS3，并且有一个paid version，它增加了许多功能，但是你们（显然）期望的IDE都没有。

响应您的编辑：Komodo Edit内置了对jQuery的支持（即它提供了代码完成和工具提示），您可能会在a CSS framework（甚至an HTML5 one中获得很长的路要走。用于解决浏览器差异，但主要是前端Web开发是关于编辑文本文件并在浏览器中查看它们。 IDE通常有用的东西并不是主要因素。

进一步编辑：另外，如果你想要一个JavaScript小部件框架，你可能应该看看其中一个：

• jQueryUI
• YUI
• Dojo
• ExtJS

Answer 2

Clay，Web开发与软件开发完全不同。我已经完成了两项工作，我可以向您保证，您无法像开发软件开发那样进行Web开发，反之亦然。您只需要学习使用Dreamweaver（我使用的）或HTMLPad或任何HTML编辑器进行编程的新方法。

即使jQuery也不是可视化IDE - 您不只是拖动图标并将其放在网页上。您必须对其进行编码（插入其javascript，然后添加代码以操作小部件），然后在线检查网页（或使用本地服务器离线）。您必须知道WHERE才能放置小部件。你需要学习HTML和CSS。这是必需的。

Answer 3

我见过的另一个选项是Google Web Toolkit，它允许您使用Eclipse在Eclipse中进行开发并在Eclipse中进行调试（甚至在浏览器级别），然后将其“编译”为Javascript，为您创建一个版本的代码每种类型的浏览器（所以你只需要在“设置”的Javascript）。很多内置的东西可以最大限度地提高代码的速度。

Answer 4

另一个建议是：http://www.visualwebgui.com/但除了针对.net开发人员之外，我不太了解它。

Answer 5

对于涵盖大多数语言的免费IDE，您可以尝试使用RJ textedit。有代码折叠。您可以添加它的语法定义。允许您使用鼠标中键和ctrl缩放IDE字体，对于我们这些眼睛不好的人来说。点击f10-f12分别在IE，Firefox或Chrome上测试你的代码，可以很容易地看到它在所有三种主流浏览器上的工作原理。只需下载它，解压缩它，在RJ textedit文件夹中创建TEXTEDIT.exe的快捷方式然后去。我发现它最容易编程，没有关于工作空间或长时间设置的公牛，只需键入一些JavaScript和/或HTML代码并运行即可。由于HTML5元素易于设置，我认为自己不需要可视化编辑器。我只是喜欢输入内容并查看结果。但是，我们所有人都走了不同的道路，不是我们。希望这会有所帮助。