推荐一个 HTML5/Javascript 的开发环境？ [复制]答案

【问题标题】：Recommend a development environment for HTML5/Javascript? [duplicate]推荐一个 HTML5/Javascript 的开发环境？ [复制]
【发布时间】：2011-06-28 11:00:44
【问题描述】：

可能重复：
IDE for JavaScript development

我想自学 HTML5 和 Javascript（或者如果不是 Javascript，那么无论这些天用于操作 HTML 5 和 DOM 的首选技术是什么）。谁能为此推荐一个好的开发环境（在 Windows 7 PC 上）？我可以从记事本和谷歌浏览器开始，但我有点希望有一个开发者友好的 IDE 来处理这类事情。

另外，作为一个后续问题，Javascript 是操纵 DOM 的方式，还是有一些我不知道的其他技术更优越并得到全面支持？

谢谢。

编辑：好的，我想稍微扩展一下这个场景，因为我并没有真正把这个问题放到上下文中。我对使用 HTML5/Canvass 设计和编写 GUI 组件很感兴趣。我已经以原生开发为生，并希望将我的技能扩展到网络上，所以从技能的角度来看，我仍然有这个基础。所以我的目标是提供一些其他人可以使用的“拖放”（我敢肯定这不是 Web 开发的恰当比喻）组件。我假设 HTML5/Javascript 是要走的路，但我已经习惯了一个好的调试器，所以有点希望也有这种能力。我不确定浏览器是否在任何合理的意义上支持这一点 - 但专用 IDE 中的嵌入式浏览器可能会。

【问题讨论】：

@Felix：他说HTML5，有点不一样。
@Jeffrey: stackoverflow.com/search?q=html5+ide 仍然是重复的。
我的问题有两个部分，所以这不是 html5 + ide 的完全骗局。但是，这些链接中也有一些有趣的信息。
这个link可以帮助你

标签： javascript html ide

【解决方案1】：

查看 Aptana (http://www.aptana.com/)。它是免费的，几乎拥有您所需要的一切以及出色的调试器。

另外，为自己获取一份带有 FireBug 扩展的 FireFox 副本。在浏览器中进行实时调试非常棒，它允许您对实时代码进行更改，以查看如果您以这种方式实际编码它的外观/工作方式。

希望这会有所帮助！

杰弗里·凯文·普瑞

【讨论】：

【解决方案2】：

这是一个很难回答的问题，因为这很大程度上取决于个人喜好。

听起来你好像刚开始，所以猜测几个要求，我猜你可能希望它是免费的（或便宜的）、易于使用、易于安装？

如果是这样，我建议您查看Mirosoft WebMatrix 或Visual Studio Web Developer Express。

两者都是免费的，WebMatrix 面向早期学习。所以我建议从 WebMatrix 开始。

Visual Studio Web Developer Express 更复杂，但如果您打算成为专业的 Web 开发人员，我建议您使用它，因为它与 Visual Studio Professional 非常相似。

Web Developer Express 具有用于 html 和 javascript 的智能感知（自动完成），并且由于 sp1（我认为是自动安装的）还包括对 HTML5 的支持。我相信 WebMatrix 也可以，但可能没有智能感知那么复杂。

如果您以后打算学习 ASP.net，我会特别推荐这些工具。

两者都可以通过此站点使用网络平台安装程序轻松安装：http://www.microsoft.com/web/platform/tools.aspx

编辑：我的错误，我认为 Robinson 是开发的初学者（我错了！）:-) 而不是回到 Web 方面。

如果您正在寻找一个成熟的 IDE；调试器/网络服务器/智能感知/实时（ish）更改等预览等，也许在 ASP.net 的未来思考中：我会推荐 Visual Studio Web Developer Express。

【讨论】：

请注意。我是本地应用程序开发人员，已经有 10 年了：p。我不太确定这些天与 Web 开发有什么关系，因为我已经有……大约 10 年没有做过任何事情了。
哈哈@Robinson，我有点跑题了！我会更新我的答案！是
另外，我有 Visual Studio 2010 Professional - 但它只有 ASP 项目的模板。 Web Developer Express 和 2010 有什么区别？
@Robinson 啊，我明白了，这改变了一切 :-) Visual Studio 2010 Proffessional 拥有 Web Developer Express 所拥有的一切。您可以直接在 ASP.net 项目/网站项目中添加纯 HTML/JavaScript 页面。这些项目模板的好处是无需配置即可使用内置网络服务器启动。或者，如果您不需要任何 ASP.net，您可以简单地创建单独的 html 文件。如果您还没有这样做，请安装 SP1，因为它将添加 HTML5 支持。鉴于您已经不仅仅是 VS 的熟悉者，我不会考虑使用其他 IDE。
好的，有道理。那时我可能只是使用它。

【解决方案3】：

我想，从技术上讲，如果您只是编写 HTML 和 JavaScript 代码，那么任何 IDE 或文本编辑器都可以，甚至是记事本。您可以将文件保存在本地，一切都会正常运行，因为 HTML 和 JS 不需要服务器来运行任何东西，只需一个浏览器即可。

需要注意的一点是，如果您在开发环境中使用 ajax，您可能会遇到一两个跨域脚本错误问题。我不确定这是否仍然是最新版本的 jQuery 的问题（我建议为您的 javascript 使用基础框架），但我记得它一直是。

至于 IDE，那里有很多选择，实际上可能只是尝试一些，然后看看你喜欢哪个。我会推荐 Aptana Studio 用于 JS/HTML 方面，因为我一直发现它非常突出且易于使用，而且对项目管理有很好的控制。而且它是免费和开源的，所以你不会出错。

编辑：哦，煎茶（也张贴在这里）也是一个非常好的选择！

而且，在回答您的后续问题时：是的，JavaScript 是进行 DOM 操作的方式，尤其是当您使用像 jQuery 这样的框架时盒子。最重要的是，您的一次性插件中有 1000 多个插件，让一切变得简单易用:-)

【讨论】：

@Alex... 记事本不是 IDE，它是一个文本编辑器。 IDE 具有与文本编辑器不同的功能。
糟糕！我的错。感谢您指出这一点，已编辑:-)

【解决方案4】：

HTML5/Javascript 框架：我推荐Sencha。我过去使用过 extjs 库，它现在是这个框架的一部分。该工具集也很有用。

IDE：Eclipse 或 Aptana IDE（两者都是免费的）

在 SO 上也可以看到这个问题：Any good, visual HTML5 Editor or IDE?

【讨论】：

【解决方案5】：

先回答后续。是的。 JavaScript 是操作 DOM 的方式。
并不是说它是解析 DOM 的唯一方法，但它是在浏览器中唯一被广泛接受的方法。这适用于桌面版本和移动浏览器。

至于 IDE。我个人使用 Visual Studio 2010（它实际上对 HTML5 和 JavaScript，包括 JQuery）、Monodevelop、JsFiddle.net 有很好的支持。以及带有 Firebug 的 Firefox 进行调试。

【讨论】：