HTML5开发工具有哪些

html-css017

HTML5开发工具有哪些,第1张

1、SublimeText

SublimeText是一个跨平台的代码编辑器,同时支持Windows、Linux、MacOSX等操作系统,也是HTML和散文先进的文本编辑器。

SublimeText具有漂亮的用户界面和强大的功能,主要功能包括:拼写检查,书签,完整的PythonAPI,Goto功能,即时项目切换,多选择,多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、AdobeEdge

AdobeEdge是一款新型网页互动工具,允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具,目前已经被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaIDE"等。

WebStorm具有的优势是:智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder,即HtmlBuilder的缩写,Builder是建造者的意思。HBuilder是一个极客工具,追求无鼠标的极速操作,不管是敲代码的快捷设定,还是操作功能的快捷设定,都融入了效率第一的设计思想。

HBuilder不为敲字母而花费时间,不为大小写拼错而调错半天,把精力花在思考上,想清楚后落笔如飞。支撑这个理念,除了体验上的精细设计,还要求我们突破很多世界级技术难题,包括语法库、语法结构模型、AST语法分析引擎。

参考资料来源:百度百科——SublimeText

参考资料来源:百度百科——Dreamweaver

参考资料来源:百度百科——AdobeEdge

参考资料来源:百度百科——WebStorm

参考资料来源:百度百科——HBuilder

Bracket。

Adobe开源的前端开发工具。这个基本上是完全为前端准备的,支持插件。起初用过一段时间,体验很不错的。内置Server,可以直接预览变化。

WebStorm

之所以当初不用Brackets了,因为这货实在是太好用了。一贯的Jetbrains-Platform强大的代码提示、分析、检查和建议。可以集成SASS/LESS。内置Server。当然有了前端的一些脚手架/构建工具,集成什么的无所谓了。

VisualStudioCode(vscode)

vscode有强大的扩展体系,可以做很多语言的开发。扩展质量比较高。还能集成数十种语言的调试。作为前端开发也很优秀。当然专门作为前端的工具我觉得还是略逊Brackets弱于WebStorm的。

Atom

这个软件从架构上比vscode更重视扩展和自由性,其本身就是由众多扩展构成的。扩展的自由度很高,例如装一个minimap跟sublimetext一样了。写前端跟vscode半斤八两,一样可以做其他很多语言的开发。但是个人感觉扩展质量普遍没有vscode的高。起初用过一段时间,但是受不了参差不齐的扩展质量和兼容性,就转vscode了。

SublimeText

这个相比上面三个,要轻量级得多。因为不是用web技术构建的桌面应用,启动速度也更快,更符合一个编辑器应该有的样子。不过扩展数量无法跟上面几个相比。前端开发上来说,已经跟不上atom和vscode,但是作为一个TextEditor它绝对是首选之一。