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来破解。

HTML5开发IDE介绍_第1张图片 

智能的代码补全:支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)。代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代码格式化:代码不仅可以格式化,而且所有规则都可以自己来定义。

代码编写中的html提示:大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。

代码导航和用法查询:只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:可以全项目查找函数或者变量,还可以查找使用并高亮。

代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

代码检查和快速修复:可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

代码调试;

代码结构浏览:可以快速浏览和定位。

代码折叠;

浏览器支持细节提示:关键字,标签,变量,参数和功能的JavaScript代码完成是基于支持DOM的流行的浏览器(IE,火狐等)标准,可以显示在不同浏览器之下的支持细节。

2. 最美的界面是Intellij Idea。

  相比较于WebStorm(只能使用破解版),那么使用Intellij Idea的时候,它有免费使用版。而且它的细节做的特别好,有点儿像苹果的产品,用户体验性特别好。

HTML5开发IDE介绍_第2张图片

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月获选为当月最佳推荐专案。HTML5开发IDE介绍_第3张图片

 

IP:192.168.1.207

端口是:22 。

协议:SFTP。

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

你可能感兴趣的:(HTML5开发IDE介绍)