推荐一个 HTML5/Javascript 的开发环境吗?
可能的重复:
用于 JavaScript 开发的 IDE
我想自学 HTML5 和 Javascript(或者如果不是 Javascript,无论什么)如今,首选技术是操作 HTML 5 和 DOM)。谁能推荐一个好的开发环境(在 Windows 7 PC 上)?我可以从记事本和 Google Chrome 开始,但我有点希望有一个开发人员友好的 IDE 可以解决这类问题。
另外,作为一个后续问题,Javascript 是操纵 DOM 的方式,还是有其他一些我不知道的技术,它是优越的并且得到全面支持?
谢谢。
编辑:好的,我想稍微扩展一下这个场景,因为我并没有真正将问题放在上下文中。我对使用 HTML5/Canvas 设计和编写 GUI 组件感兴趣。我已经以本地开发为生,并希望将我的技能扩展到网络上,所以从技能的角度来看,我仍然拥有这个基础。所以我的目标是提供一些其他人可以使用的“拖放”组件(我确信这不是一个适合 Web 开发的比喻)。我认为 HTML5/Javascript 是可行的方法,但我已经习惯了良好的调试器,所以也希望拥有这种能力。我不确定浏览器是否在任何合理的意义上支持这一点 - 但专用 IDE 中的嵌入式浏览器可能会支持。
Possible Duplicate:
IDE for JavaScript development
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.
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?
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.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
查看 Aptana (http://www.aptana.com/)。它是免费的,几乎拥有您需要的一切以及一个很棒的调试器。
另外,请为自己准备一份带有 FireBug 扩展名的 FireFox 副本。它对于在浏览器中进行实时调试是令人惊奇的,并且允许您对实时代码进行更改,以查看如果您实际上以这种方式编码它的外观/工作方式。
希望这有帮助!
杰弗里·凯文·普赖
Check out Aptana (http://www.aptana.com/). It's free and has almost everything you will ever need as well as an awesome debugger.
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.
Hope this helps!
Jeffrey Kevin Pry
这是一个很难回答的问题,因为这很大程度上取决于个人喜好。
听起来好像您刚刚开始,所以猜测一些要求,我猜您可能希望它是免费(或便宜)、易于使用、易于安装?
如果是这样,我建议检查 Mirosoft WebMatrix 或 Visual Studio Web 开发人员 Express。
两者都是免费的,WebMatrix 适合早期学习。所以我建议从 WebMatrix 开始。
Visual Studio Web Developer Express 更复杂,但如果您计划成为专业 Web 开发人员,我建议使用它,因为它与 Visual Studio Professional 非常相似。
Web Developer Express 具有针对 html 和 javascript 的智能感知(自动完成),并且自 sp1(我认为自动安装)以来还包括对 HTML5 的支持。我相信 WebMatrix 也能做到这一点,但可能没有那么复杂的智能感知。
如果您以后打算学习 ASP.net,我会特别推荐这些工具。
两者都可以通过以下站点使用 Web 平台安装程序非常轻松地安装:http://www. microsoft.com/web/platform/tools.aspx
编辑:我的错误,我认为 Robinson 是开发的初学者(我错了!):-) 而只是回到 Web 方面。
如果您正在寻找一个成熟的 IDE;调试器/Web 服务器/智能感知/更改的实时(ish)预览等,也许在未来对 ASP.net 的思考中:我推荐 Visual Studio Web Developer Express。
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 WebMatrix or Visual Studio Web Developer Express.
Both are free, WebMatrix is geard towards early learning. So I'd suggest starting with 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.
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.
I'd especially recommend these tools if you are later planing to learn ASP.net.
Both can be very easily installed using the web platform installer via this site: 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.
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.
我想,从技术上讲,如果您只是编写 HTML 和 JavaScript,那么任何 IDE 或文本编辑器都可以,甚至是记事本。您可以在本地保存文件,一切都会正常工作,因为 HTML 和 JS 不需要服务器来运行任何东西,只需要浏览器即可。
需要注意的一件事是,如果您在开发环境中使用 ajax,则可能会遇到一两个跨域脚本错误问题。我不确定这是否仍然是最新版本的 jQuery 的问题(我建议为您的 javascript 使用基础框架),但我记得它一直都是这样。
至于 IDE,有很多选择,可能需要尝试一些,然后看看您喜欢哪一个。我会推荐 Aptana Studio 来处理 JS/HTML 方面的事情,因为我一直发现它的突出显示效果很好并且易于使用,而且可以很好地控制项目管理。而且它是免费和开源的,所以你不会真的出错。
编辑:哦,Sencha(也发布在这里)也是一个非常好的选择!
并且,回答您的后续问题:是的,JavasScript 是进行 DOM 操作的方法,特别是当您使用像 jQuery 这样的框架时,它内置了所有跨浏览器的硬功能,并且开箱即用。除此之外,您还拥有 1000 个可用插件,让一切变得美好而简单:-)
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.
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.
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.
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 :-)
HTML5/Javascript框架:我推荐Sencha。我过去使用过 extjs 库,现在它是这个框架的一部分。该工具集也很有用。
IDE:Eclipse 或 Aptana IDE(两者都是免费的)
另请参阅以下问题:有什么好的可视化 HTML5 编辑器或 IDE 吗?
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.
IDE : Eclipse or Aptana IDE (both are free)
Also see this question on SO : Any good, visual HTML5 Editor or IDE?
先回答后续。
是的。 JavaScript 是操作 DOM 的方式。
并不是说它是解析 DOM 的唯一方法,而是在浏览器中唯一被广泛接受的方法。这适用于桌面版本和移动浏览器。
至于IDE的。我个人混合使用 Visual Studio 2010(它实际上对 HTML5 和 JavaScript,包括 JQuery 都有很好的支持)、Monodevelop、JsFiddle.net。 Firefox 则带有 Firebug 用于调试。
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.
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.