开发html5的工具可供选择的有:Intellij Idea、Eclipse、WebStorm三个软件。
JavaScript开发工具WebStorm教程：如何调试WebStorm？
1. 最好用的是WebStorm。
JavaScript 是一种基于对象和事件驱动，且具有相对安全性的客户端脚本语言，也是时下最为流行的Web脚本语言。目前也在积极的扩展应用领域，同时基于Javascript开发的游戏也在不断增加。另一方面也以JavaScipt为目标而诞生了多种其他语言，如有着更高精简性与可读性的CoffeeScript语言，以及为大型应用服务的ypeScript语言等。最新的TIOBE编程语言6月的排行榜上，JavaScript也重新进入前十名，目前JavaScript语言依旧处于在TIOBE编程语言排行榜上的一个上升趋势，依旧很具有潜力。对于优秀的编程语言选择合适的开发工具，就能够事半功倍。jetbrains公司旗下的WebStorm是一款优秀的JavaScript 开发工具，被大多数的JS开发人员誉为最智能的JavaSscript IDE。网上下载的破解版、中文版的很多，随便可以下载破解的，就是在破解的时候在第一个菜单中，要先选择webstorm来破解。
智能的代码补全：支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)。代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化：代码不仅可以格式化，而且所有规则都可以自己来定义。
代码编写中的html提示：大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
代码导航和用法查询：只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义：可以全项目查找函数或者变量，还可以查找使用并高亮。
代码重构(这个操作有些像Resharper，熟悉Resharper的用户应该上手很快)：支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复：可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
代码调试；
代码结构浏览：可以快速浏览和定位。
代码折叠；
浏览器支持细节提示：关键字，标签，变量，参数和功能的JavaScript代码完成是基于支持DOM的流行的浏览器（IE，火狐等）标准，可以显示在不同浏览器之下的支持细节。
2. 最美的界面是Intellij Idea。
相比较于WebStorm(只能使用破解版)，那么使用Intellij Idea的时候，它有免费使用版。而且它的细节做的特别好，有点儿像苹果的产品，用户体验性特别好。
3. 最卡的界面是Eclipse。
附：
1.js加密或者混淆地址：http://www.jb51.net/tools/eval/
一直以来，JS前端代码因为必须经过IE明文解析，某些加密的JS如：JScript.Encode也因为树大招风，早就被人破解了。还有些加密的手段，通过复杂的变换，改变源码，但最终都逃不脱最后的审判，像unescape,document.write,eval语句来还原。对于JS代码的保护，最好的手段就是混淆，混淆的目的就是让读懂代码的成本比直接写代码的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。这样对于非常核心的代码，混淆起不到保护代码的作用，不过JS有这样的代码么？本程序没有用到编译原理，其分词解析思想是基于mechiland(http://www.jzchen.net)的代码高亮程序，参考了蓝色经典的加密混淆专题讨论。