开发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开发IDE介绍的更多相关文章

  1. web前端开发教程系列-1 - 前端开发编辑器介绍

    目录: 前言 一. Webstorm 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 二. SublimeText 1. 优点 2. 缺点 3. 教程 4. 插件 5. 技巧 前言 由于很 ...

  2. html5文章 -- 应用HTML5 开发手机APP

    因为HTML5暂时无法短期内在PC普及,主要方向在使用高端浏览器的高端移动设备,所以可以用作开发Android系统的App.但只有Android2.2以上.iOS3.2以上均支持HTML5,两大平台有 ...

  3. HBuilder:最快的Web开发IDE

    这里给大家介绍一个个人觉得最好用的web开发工具:Hbuilder. HBuilder是DCloud推出的一款支持HTML5的Web开发IDE.快,是HBuilder的最大优势,通过完整的语法提示和代 ...

  4. 初学者须知 常见的HTML5开发工具有哪些

    HTML5被看做是Web前端开发的最佳编程语言,具有多设备.跨平台.即时更新等优势.更重要的是HTML5入门简单,就业前景广.薪资福利高,这促使越来越多的人转行学习HTML5.学习要一步一个脚印,今天 ...

  5. 使用Html5开发Android和iOS应用:HBuilder、Html5Plus、MUI

    活动主题:五一巨献,问答有礼,105QB送给IT互联网界的劳动人民活动时间:4月30日晚上10点~5月2日晚上10点网址: http://ask.jiutianniao.com  2014年的时候,就 ...

  6. HTML5开发手机应用--viewport的作用

    在用HTML5开发手机应用或手机网页时,<head>部分总会有如下一段代码,这段代码到底什么意思呢.在网上,大家会得到很多答案.我从网上搜集了部分介绍,整理一下,以留备用. <met ...

  7. web前端之html5开发中常用的开发工具

    正所谓“工欲善其事,必先利其器”,对Web开发人员来说,好工具的使用总会给人带来事半功倍的效果.正准备学习HTML5或者已经进行了一段时间的HTML5开发的童鞋,都有必要了解下,HTML5都有哪些开发 ...

  8. BI之SSAS完整实战教程2 -- 开发环境介绍及多维数据集数据源准备

    上一篇我们已经完成所有的准备工作,现在我们就开始动手,通过接下来的三篇文章创建第一个多维数据集. 传统的维度和多维数据集设计方法主要是基于现有的单源数据集. 在现实世界中,当开发商业智能应用程序时,很 ...

  9. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则 | Kayo's Melody

    最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...

随机推荐

  1. CentOS6.5下安装JDK

    之前一直没有完全的总结出一篇关于Linux下安装Java的过程,今天正好就整理下. 下载jdk 如果在官网下载比较慢,那么可以到我的云盘分享上,下载jdk 1.8.0的版本: 下载地址参考链接 解压缩 ...

  2. 遍历后台的List,让前台的多选宽被选中

    后端代码: /** * 获取优惠卷分页信息 * * * @param ph * 包括查询条件以及分页查询条件 * */ @Override public DataGrid<AppCmsCoupo ...

  3. mysql修改密码

    mysql修改password >mysqladmin -u root -p password newpassword 就这么简单

  4. jquery-toastmessage-plugin 简介信息

    jquery-toastmessage-plugin 简介信息 jquery-toastmessage-plugin是一个JQuery插件实现了类似于android的消息通知对话框.它提供4种消息提醒 ...

  5. sql 循环处理表数据中当前行和上一行中某值相+/-

    曾经,sql中循环处理当前行数据和上一行数据浪费了我不少时间,学会后才发现如此容易,其实学问就是如此,难者不会,会者不难. 以下事例,使用游标循环表#temptable中数据,然后让当前行和上一行中的 ...

  6. 快速入门系列--NOSQL--07MongoDB

    从我第一次听到Nosql这个概念到如今已经走过4个年头了,但仍然没有具体的去做过相应的实践.最近获得一段学习休息时间,购买了Nosql技术实践一书,正在慢慢的学习.在主流观点中,Nosql大体分为4类 ...

  7. 找到SQL Server数据库历史增长信息

        很多时候,在我们规划SQL Server数据库的空间,或向存储方面要空间时,都需要估算所需申请数据库空间的大小,估计未来最简单的办法就是看过去的趋势,这通常也是最合理的方式.     通常来讲 ...

  8. 做小图标还用sprite图?你out了!史上最简单易懂iconfont使用教程

    1.什么是iconfont? 说白了就是用图标制作而成的一套字体文件,本质是一个字体文件(扩展名是ttf\woff\svg的文件).它是用来制作网页常用小图标的一种方法.以下是天猫首页使用iconfo ...

  9. Oracle Concept

    1. Truncate Truncate是DDL命令.表的物理位置是保存在数据字典中表的定义的一部分.首次创建时,在数据库的数据文件内给表分配了一个固定大小的空间.这就是所谓的区间并且为空.那么当插入 ...

  10. Docker的学习--介绍和安装

    什么是 Docker Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 Lin ...