html5常用的开发工具是哪些?

html-css016

html5常用的开发工具是哪些?,第1张

第一、【Google Web Toolkit】是现在大家还不熟悉的工具之一,主要用于开发浏览器应用的一个工具,不过库中支持很多【HTML5】的功能,包括对客户端,或者是web存储的支持,都可以实现。

第二、还有一种是【JetBrains WebStorm】工具,需要创建HTML文档时可获得对【HTML5】文件的支持,现在的运用很多,比如砍伐者键入,使用者可以在【chrome】浏览器中及时的预览【HTML】的文档很方便。

第三、微软的【Visual Studio 2010 SP1】中提供了IntelliSense这个项目,也就是说追加了针对【HTML5】的一些元素,总体使用起来还是比较好的,但是我们要结合【ddhu】的一些实用工具。

第四、【Dojo Foundation Maqetta】是一个不错的选择,这款是工具是来自于【IBM】项目之一,【Dojo Foundation Maqetta】是为桌面和移动设备开发HTML5应用的开源工具,浏览器即可使用。

第五、当然还有【Sencha Touch2】是移动应用框架的一种,可以当做一个重要【Sencha】的HTML5平台,使用者可以用它开发面向【iOS】进行制作和使用,也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、现在我们继续介绍【Sencha】,这款工具的主要定位是【HTML5】的可视化开发研究,一般来说开发团队可以在一个任务,然后做一个集成的环境,然后在这个环境中完成应用的设计和开发,以及需要的部署。

第七、我们来介绍一下【Adobe ColdFusion 】,这款工具主要是用来开发企业【Web】程序的一个技术,通过【Websockets】和互动表单以及视频等来做出【HTML5】技术,创建一种用户体验。

第八、最后【Adobe Dreamweaver CS6】作为一个【Web】端口的一种设计软件,这款工具提供了对【HTML】网站和移动程序的可视化编辑界面,整体来说使用也是比较的方便。

 如何使用Node-Webkit开发HTML5本地桌面应用

这非常简单,像传统的开发你的HTML5应用一样开发它们,完成之后用Node-Webkit打包它。打包的方法是

先下载Node-Webkit

然后创建一个包文件命名为package.json,

写入下面的代码:

{

"name":

"nw-demo",

"main":

"index.html"

}

这里的“name”是你应用的名称,“main”是你的应用的启动文件,也就是应用启动是第一加载的文件。

将你的HTML5应用文件和package.json一起打包成zip

重命名zip文件,将其后缀变成

.nw

,比如app.nw

现在你就可以用node-webkit

runtime来运行你的app了在Linux上的运行命令是

./nw

app.nw

在Windows平台上你可以直接把你的app.nw拖拽到

nw.exe

程序上就行了。

想让你的应用更容易传播和发布,可以将它和node-webkit封装到一起,也就是将你的HTML5应用

app.nw

nw.exe

合成一个可执行文件。在Linux上的做法是

cat

/usr/bin/nw

app.nw

>

app

&&

chmod

+x

app

在Window上的做法是

copy

/b

nw.exe+app.nw

app.exe