HTML5开发IDE介绍

开发html5的工具可供选择的有:Intellij Idea、Eclipse、WebStorm三个软件。在PC端与手机端，同步测试HTML5网页。测试发布软件：FileZilla

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)的代码高亮程序，参考了蓝色经典的加密混淆专题讨论。

2.XAMPP （http://jingyan.baidu.com/article/6525d4b155177dac7d2e9409.html）

XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建 XAMPP 软件站集成软件包。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用。XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用：只需下载，解压缩，启动即可。

具体操作如下：先去XAMPP官网下载适合自己的XAMPP版本，支持Mac、Windows、Linux。下载完成后，双击安装XAMPP到PC上，一路next即可，不懂英文也没事。安装过程中，有一个路径的选择，建议把XAMPP的根目录，定义到D盘或者E盘等，默认是C盘的根目标下(后面需要使用hotdoc目录)。安装完成后，打开XAMPP，有一个Apache的功能，后面会有一个start，点击start等待3~5秒后即可，其他功能不需开启。然后将在PC上制作的html5或手机页面文件夹，放到XAMPP文件夹中的htdocs文件夹中(找到XAMPP的安装路径下)。查看本机的局域网IP地址，如：192.168.1.122(使用cmd下ipconfig查看)，然后手机连接到与PC同一个路由器中(连接同一个wifi)，在手机的浏览器中打开 192.168.1.122/index.html 即可进行调试。使用完毕，直接点XAMPP控制台中的Stop，关闭Apache服务即可。

3.FileZilla

FileZilla是一个免费开源的FTP软件，分为客户端版本和服务器版本，具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具，而FileZilla Server则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。FileZilla是一种快速、可信赖的FTP客户端以及服务器端开放源代码程式，具有多种特色、直接的接口。FileZilla在2002年11月获选为当月最佳推荐专案。

IP：192.168.1.207

端口是：22 。

协议：SFTP。

用户名和密码，由服务器端的FTPZilla来设置。

开发html5的工具可供选择的有:Intellij Idea、Eclipse、WebStorm三个软件。在PC端与手机端，同步测试HTML5网页。测试发布软件：FileZilla

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)的代码高亮程序，参考了蓝色经典的加密混淆专题讨论。

2.XAMPP （http://jingyan.baidu.com/article/6525d4b155177dac7d2e9409.html）

XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建 XAMPP 软件站集成软件包。它可以在Windows、Linux、Solaris、Mac OS X 等多种操作系统下安装使用。XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用：只需下载，解压缩，启动即可。

具体操作如下：先去XAMPP官网下载适合自己的XAMPP版本，支持Mac、Windows、Linux。下载完成后，双击安装XAMPP到PC上，一路next即可，不懂英文也没事。安装过程中，有一个路径的选择，建议把XAMPP的根目录，定义到D盘或者E盘等，默认是C盘的根目标下(后面需要使用hotdoc目录)。安装完成后，打开XAMPP，有一个Apache的功能，后面会有一个start，点击start等待3~5秒后即可，其他功能不需开启。然后将在PC上制作的html5或手机页面文件夹，放到XAMPP文件夹中的htdocs文件夹中(找到XAMPP的安装路径下)。查看本机的局域网IP地址，如：192.168.1.122(使用cmd下ipconfig查看)，然后手机连接到与PC同一个路由器中(连接同一个wifi)，在手机的浏览器中打开 192.168.1.122/index.html 即可进行调试。使用完毕，直接点XAMPP控制台中的Stop，关闭Apache服务即可。

3.FileZilla

FileZilla是一个免费开源的FTP软件，分为客户端版本和服务器版本，具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具，而FileZilla Server则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件。FileZilla是一种快速、可信赖的FTP客户端以及服务器端开放源代码程式，具有多种特色、直接的接口。FileZilla在2002年11月获选为当月最佳推荐专案。

IP：192.168.1.207

端口是：22 。

协议：SFTP。

用户名和密码，由服务器端的FTPZilla来设置。