推荐一个 HTML5/Javascript 的开发环境？

Recommend a development environment for HTML5/Javascript?

提问by Robinson

Possible Duplicate:
IDE for JavaScript development

可能的重复：
用于 JavaScript 开发的 IDE

I want to teach myself HTML5 and Javascript (or if not Javascript, whatever the preferred technology is for manipulating HTML 5 and the DOM these days). Can anyone recommend a good development environment for this (on a Windows 7 PC)? I can make a start with notepad and Google chrome, but I was kind-of hoping a developer friendly IDE exists for this kind of thing.

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

Also, as a follow up question, is Javascript THE way to manipulated the DOM, or is there some other technology out there I don't know about that's superior and supported across the board?

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

Thanks.

谢谢。

Edit: Ok, I would like to expand the scenario somewhat, because I didn't really put the question into context. I'm interested in designing and writing GUI components with HTML5/Canvass. I already do this for a living with native development and wanted to extend my skills onto the web, so I've still got that base covered from a skills point of view. So my goal here is to provide some "drag and drop" (not an appropriate metaphor for web development I'm sure) components that others can use. I'm assuing HTML5/Javascript is the way to go, but I'm used to a good debugger, so was kind-of hoping to have that ability too. I'm not sure if browsers support this in any reasonable sense - but an embedded browser in a specialised IDE might.

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

采纳答案by Alex KeySmith

It's a tricky question to answer as it's very much down to personal preference.

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

It sounds as though you are starting out, so to guess a couple of requirements I'm guessing you'll probably want it to be free (or cheap), easy to use, easy to install?

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

If so I'd reccomend checking out either Mirosoft WebMatrixor Visual Studio Web Developer Express.

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

Both are free, WebMatrix is geard towards early learning. So I'd suggest starting with WebMatrix.

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

Visual Studio Web Developer Express is more complex, but I'd recommend using this if you're planning to become a professional web developer as it's very similar to Visual Studio Professional.

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

Web Developer Express has intellisense (auto complete) for html and javascript and since sp1 (I think automatically installed) also includes support for HTML5. I believe WebMatrix does as well, but probably not as sophisticated intellisense.

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

I'd especially recommend these tools if you are later planing to learn ASP.net.

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

Both can be very easily installed using the web platform installer via this site: http://www.microsoft.com/web/platform/tools.aspx

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

---

---

EDIT: My mistake, I thought Robinson was a beginer to development (I was very wrong!) :-) Instead just getting back into the web side of things.

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

If you're looking for a full blown IDE; debugger / web server / intellisense / live(ish) preview of changes etc etc and perhaps in the future thinking of ASP.net: I'd reccomend Visual Studio Web Developer Express.

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

回答by Jeffrey Kevin Pry

Check out Aptana (http://www.aptana.com/). It's free and has almost everything you will ever need as well as an awesome debugger.

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

Also, grab yourself a copy of FireFox with FireBug extension. It's amazing for real time debugging in the browser and allows you to make changes to live code to see how it might look/work if you actually coded it that way.

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

Hope this helps!

希望这可以帮助！

Jeffrey Kevin Pry

杰弗里·凯文·普里

回答by user

HTML5/Javascript framework: I would recommend Sencha. I've used extjs library in the past which is part of this framework now. The tool set is also useful.

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

IDE: Eclipse or Aptana IDE (both are free)

IDE: Eclipse 或 Aptana IDE（都是免费的）

Also see this question on SO : Any good, visual HTML5 Editor or IDE?

另请参阅 SO 上的这个问题：任何好的、可视化的 HTML5 编辑器或 IDE？

回答by Alex

I suppose, technically if you're just coding HTML and JavaScript then any IDE or text editor would do, even Notepad. You can save files locally and everything would work because HTML and JS don't require a server to run anything, just a browser.

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

One thing to note is, if you're using ajax at all in your development environment you may get one or two issues with cross-domain scripting errors. I'm not sure if this is still an issue with the latest versions of jQuery (which I'd recommend using a basis framework for your javascript) but I remember it always used to be.

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

As for IDE, there are so many choices out there it really is probably a case of trying a few and seeing which you like. I would recommend Aptana Studio for the JS/HTML side of things because I've always found to be well-highlighted and easy to use, plus has good control over project management. Plus it's free and open source, so you can't really go wrong.

至于IDE，有很多选择，可能真的是尝试几个，看看你喜欢哪一个。我会推荐 Aptana Studio 用于 JS/HTML 方面，因为我一直发现它突出显示且易于使用，并且对项目管理有很好的控制。另外它是免费和开源的，所以你不会真的出错。

Edit: Oh, Sencha (as posted here too) is also a really good choice!

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

And, in answer to your follow-up question: yes, JavasScript is the way to go for DOM manipulation, especially when you use a framework like jQuery that has all the hard cross-browser stuff built in and just works out of the box. On top of that you have 1000's of plug-ins at your disposable to make everything nice and easy :-)

而且，在回答您的后续问题时：是的，JavasScript 是进行 DOM 操作的方法，尤其是当您使用像 jQuery 这样的框架时，该框架内置了所有跨浏览器的硬性内容并且开箱即用。最重要的是，您可以随意使用 1000 个插件，让一切变得简单而美好:-)

回答by Guidhouse

To answer the follow up first. Yes. JavaScript is the way to manipulate the DOM.
Not that it is the only way to parse a DOM, but it is the only widely accepted way to do it in a browser. That goes for both desktop versions as well as the mobile browsers.

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

As for IDE's. I personally use a mix of Visual Studio 2010( it actually has good support for both HTML5 and JavaScript, JQuery included), Monodevelop, JsFiddle.net. And Firefox with Firebug for debugging.

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