2010-10-22 84 views
9

我想用纯Web应用程序编程来玩一下。推荐用于纯Web应用程序的IDE(HTML5等)

从VB6背景的,一些功能我想有:

  • 一步一步的调试
  • 视觉UI设计

如果我们决定做我们的下一个应用程序作为一款网络应用程序,价格并不是非常重要(一个更好的IDE使用效率更高,使用更愉快)。

更新:我正在寻找类似于(我听说你得到的)jQuery,其中有一个底层框架来处理所有的浏览器差异。所以我只是将一个UI小部件(下拉式组合框等)放到IDE上,而框架负责处理所有浏览器和O/S变体的javascript等。

+0

我没有答案,但我个人使用最简单的文本编辑器,没有可视化工具:Linux上的Geany和Windows上的Notepad ++。支持多种语言,代码完成等。至于javascript调试,您可以使用Firebug for Firefox或Chrome的内置开发人员工具。它们都会破坏你在VB中习惯使用的所有东西。欢呼:) – kovshenin 2010-10-22 13:08:52

回答

6

我想你会从这些要求开始挣扎。

  • 步骤一步调试:更常见的是,你会想这样做在浏览器本身,而不是在IDE中。如果你有一个只在Chrome 6中发生的错误,那么能够在IDE中调试JavaScript并不会对你有太大帮助
  • 可视化UI设计:问题是,最终它的结果是什么像视觉在你的IDE是不重要的,这是它看起来就像在不同的浏览器,在手机上等什么你后Dreamweaver的事项

可能是最接近的东西,或者如果你更舒服与MS产品,你可以尝试Expression Web(从未自己使用过)。我个人使用Komodo Edit,最新版本支持HTML5和CSS3,并且有一个paid version,它增加了许多功能,但IDE(像你)(显然)都不期望。

为了响应您的编辑:Komodo Edit支持jQuery(即提供代码完成和工具提示),并且您可能会用a CSS framework(或甚至an HTML5 one)来消除浏览器差异,但主要是前端Web开发是关于编辑文本文件并在浏览器中查看它们。 IDE通常帮助的事情并不是真正的主要因素。

进一步编辑:另外,如果你想要一个JavaScript组件框架,你或许应该看看一个:

+0

你可能是对的。这是我对基于网络的应用程序的担忧之一:如果它在每个浏览器(并可能在每个平台上)呈现不同的效果,由于测试和调试的复杂性增加,它将带来收益递减。 (假设我们只支持2种最流行的浏览器和Mac O/S(几个版本)和Windows(3个版本),现在我们讨论2 x4 = 8个排列。问题: – 2010-10-22 12:52:52

+0

@ClayNichols好的,欢迎来到Web开发;)这与您习惯于桌面开发的习惯不一样,所以不要试图复制Web的桌面开发过程,而应该退一步考虑IDE可能不是最好的开始。 Web是一个不同的平台,具有不同的最佳实践和权衡,拖放UI设计不太可能奏效,在我看来,您需要了解更多关于前端Web开发的知识,然后才能做出决定什么是最好的工具使用。 – robertc 2010-10-22 13:00:10

+0

@ClayNichols另外,你可能会发现这篇文章很有趣:http://www.zeldman.com/2010/07/05/an-indesign-for-html-and-css/ – robertc 2010-10-22 13:00:32

0

粘土,网站开发与软件开发完全不同换货。我已经完成了这两项工作,我可以向您保证,您无法像开发软件或反之亦然进行Web开发工作。你只需要学习一种使用Dreamweaver(这就是我使用的)或HTMLPad或任何HTML编辑器可以实现的新编程方式。

即使jQuery不是一个可视化的IDE--你不只是将图标拖放到网页上。你必须对它进行编码(你插入它的JavaScript,然后添加你的代码来操纵小部件),然后在线检查网页(或者使用本地服务器离线)。你必须知道在哪里放置小部件。你需要学习HTML和CSS。这是必需的。

+0

如果Web开发与软件开发无关,请解释Web应用程序的兴起。 – Cleanshooter 2013-06-26 15:11:00

0

我看到的另一个选项是Google Web Toolkit,它允许您使用Eclipse在Eclipse中进行开发并在Eclipse中进行调试(甚至在浏览器级别),然后将其“编译”为Javascript,为每种类型的代码创建一个版本的代码浏览器(所以你只需要在“设置”的Javascript)。许多内置的东西来诠释代码的速度。

0

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

相关问题