前端开发常用又好用的几个软件

正所谓“工欲善其事必先利其器”，一名合格的Web前端开发工程师自然会用到不少能使其工作高效的工具。下面，就给大家分享Web前端学习需要了解的十款HTML5开发工具。

1、Lungo

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。拥有强大的JavaScript API：开发WebAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的WebAPP应用程序。

2、Animatron

Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。

3、DCloudHBuilder

DCloudHBuilder：基于HTML5开发工具是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛，DCloud 还提供云端打包服务，可以让开发者直接在云端生成 .ipa 或 .apk 安装包供部署调试。

4、mobl

mobl 是一个新的开源的编程语言，主要用于加速手机应用的开发，mobl 可方便构建手机 Web 应用程序，包括 iOS、Android 和其他支持 HTML5 技术的手机。Mobl使用一种与JavaScript非常类似的脚本语言实现了静态类型的推断语言。该语言拥有以下顶级结构： 实体（entities）、类型（types）、函数（functions）、控件（controls）、屏幕（screens）、样式（styles ）和设备（services）。实体是在本地存储中持久化的数据元素，而类型是一种供我们使用的不稳定的数据。函数与那些定义在JavaScript以及能够调用JavaScript代码的语言中的函数类似等。

5、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr 会为你生成代码简洁的可定制的网页模板。

6、WebStorm

WebStorm是一款强大的HTML5/JavaScriptWeb前端开发工具，被广大JS开发者誉为“Web前端开发神器”。

WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。

7、Notepad++

Notepad++程序员必备的文本编辑器，软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。

8、Dreamweaver

Dreamweaver 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！

9、Eclipse

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。

10、DevExtreme

DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。

以上就是为大家分享的十款HTML5开发必备的工具，相信这些工具一定会让你帮你在从事Web前端开发过程中提高效率，打开一扇新的大门。

总结起来就是三剑客  dreamweaver网页制作排版+photoshop制作模板切片和美化图片+flash制作网页多元化的flash。不过现在市场上还有比较多的网站源码编辑软件或工具，主要有以下，可供参考：

1.Sublime Text

Sublime Text2是一款跨平台的编辑器，再也不用为换平台而找不到合适的、熟悉的编辑器担忧了。

Sublime Text2 是一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。

Sublime Text 2 的特色功能：

良好的扩展功能，官方称之为安装包(Package)。

右边没有滚动条，取而代之的是代码缩略图，这个功能非常赞

强大的快捷命令“可以实时搜索到相应的命令、选项、snippet 和 syntex， 按下回车就可以直接执行，减少了查找的麻烦。”

即时的文件切换。

随心所欲的跳转到任意文件的任意位置。

多重选择(Multi-Selection)功能允许在页面中同时存在多个光标。

支持 VIM 模式

支持宏，简单地说就是把 *** 作录制下来或者自己编写命令，然后播放刚才录制的 *** 作或者命令。

更新非常勤快

2.TopStyle5

TopStyle 是一款 CSS 开发辅助工具，即 HTML5 / CSS3 编辑器，它专注于 HTML CSS 设计辅助，提供比较多的功能，如 CSS 代码检查等，据称 TopStyle 的帮助文件非常好，有详细的 CSS 指令，适于初次接触 CSS 的学习之用。

不过如果你想对 CSS 了如指掌，对 CSS 网页布局非常熟练，还是扔掉一切辅助软件，用记事本开发，而熟练 CSS 之后，再使用此类辅助软件，可以提高工作效率和开发速度。

TopStyle 5 在 CSS3 / HTML5 方面的增强：

CSS3 for Inspector, Insight and Style Checker

Prefixr

CSS3 Media Queries

CSS Gradient Generator

Text Shadow Generator

Improved options for Preview Files (CSS-only)

HTML5 for Inspector and Insight

HTML5-only Validator

HTML Structure Panel

Wrap HTML Tag

Image Map Editor (HTML-only)

3.Chocolat

Chocolat是Mac系统上最新出现的一款强大的文本编辑器，兼具原生的Cocoa及强大的文本编辑功能。

Chocolat支持多种编程语言的关键字高亮显示、窗口分割、标签页、色彩主题等功能，界面和MacVim非常相似。

4.Aptana

Aptana 是一个非常强大,开源,专注于JavaScript的Ajax开发IDE。

它的特性包括：

JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。

Outliner(大纲)：显示JavaScript,HTML和CSS的代码结构。

支持JavaScript，HTML，CSS代码提示，包括JavaScript 自定函数

代码语法错误提示。

支持Aptana UI自定义和扩展。

支持跨平台。

支持FTP/SFTP

调试JavaScript

支持流行AJAX框架的Code Assist功能：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI，Ext。

Adobe AIR与iPhone开发工具

5.KomodoIDE

Komodo 是一个跨平台支持多种程序语言的Integrated Development Environment （IDE）软件，目前他支持了在Windows与Linux上 ，Pythone, Ruby, Rails, Perl, HTML, CSS, and JavaScript,等的程序语言开发，以及多种程序语言语法着色。

6.Eclipse

Eclipse是著名的跨平台的自由集成开发环境（IDE）。最初主要用来Java语言开发，但是目前亦有人通过插件使其作为其他计算机语言比如C++和Python的开发工具。

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。

Eclipse的基础是富客户机平台（Rich Client Platform, 即RCP）。RCP包括下列组件：

核心平台(启动Eclipse，运行插件）

OSGi（标准集束框架）

SWT（可移植构件工具包）

JFace（文件缓冲，文本处理，文本编辑器）

Eclipse工作台（即Workbench ，包含视图（views）、编辑器（editors）、视角（perspectives）、和向导（wizards））

Eclipse采用的技术是IBM公司开发的（SWT），这是一种基于Java的窗口组件，类似Java本身提供的AWT和Swing窗口组件；不过IBM声称SWT比其他Java窗口组件更有效率。Eclipse的用户界面还使用了GUI中间层JFace，从而简化了基于SWT的应用程序的构建。

Eclipse的插件机制是轻型软件组件化架构。在富客户机平台上，Eclipse使用插件来提供所有的附加功能，例如支持Java以外的其他语 言。 已有的分离的插件已经能够支持C/C++（CDT）、Perl、Ruby，Python、telnet和数据库开发。插件架构能够支持将任意的扩展加入到 现有环境中，例如配置管理，而决不仅仅限于支持各种编程语言。

Eclipse的设计思想是：一切皆插件。Eclipse核心很小，其它所有功能都以插件的形式附加于Eclipse核心之上。Eclipse基本内核包括：图形API (SWT/Jface)， Java开发环境插件(JDT )，插件开发环境(PDE)等。

Eclipse由各种不同的计划组成。以下列出了部分计划。

Eclipse计划：本身包括Eclipse平台，Eclipse富客户端平台（RCP）和Java开发工具（JDT）。

Eclipse测试和性能工具平台（TPTP）：提供一个允许软件开发者构建诸如测试调试、概况分析、基准评测等测试和性能工具的平台。

Eclipse Web工具平台计划 （WTP）：用Java企业版Web应用程序开发工具来扩展Eclipse平台。它由以下部分组成：HTML、JavaScript、CSS、JSP、SQL、XML、DTD、XSD和 WSDL的 源代码编辑器；XSD和WSDL的图形界面编辑器；Java企业版的“项目性质”（project nature）、建构器（builder）和模型（model），与一个Java企业版的导航（navigator）；一个Web服务（Web service）向导和浏览器，还有一个WS-I测试工具；最后是数据库访问查询的工具与模型。

Eclipse商业智能和报表工具计划（BIRT）：提供Web应用程序（特别是基于Java企业版的）的报表开发工具。

Eclipse可视化界面编辑器计划（VEP）：一个Eclipse下创建图形用户界面代码生成器的框架。

Eclipse建模框架（EMF）：依据使用XMI描述的建模规格，生成结构化数据模型的工具和其他应用程序的代码。

图形化编辑器框架（GEF）：能让开发者采用一个现成的应用程序模型来轻松地创建富图形化编辑器。

UML2：Eclipse平台下的一个UML 2.0元模型的实现，用以支持建模工具的开发。

AspectJ：一种针对Java的面向侧面语言扩展。

Eclipse通讯框架（ECF）：专注于在Eclipse平台上创建通讯应用程序的工作。

Eclipse数据工具平台计划（DTP）

Eclipse设备驱动软件开发计划（DSDP）

C/C++开发工具计划（CDT）：努力为Eclipse平台提供一个全功能C和C++的集成开发环境（IDE），它使用GCC作为编译器。

Eclipse平台COBOL集成开发环境子计划（COBOL）：将构建一个Eclipse平台上的全功能COBOL集成开发环境。

并行工具平台（PTP）：将开发一个对并行计算机架构下的一组工具进行集成的平行工具平台，而且这个平台是可移植的，可伸缩的并基于标准的。

嵌入式富客户端平台（eRCP）：计划将Eclipse富客户端平台扩展到嵌入式设备上。这个平台主要是一个富客户端平台（RCP）组件子集的集合。它能让桌面环境下的应用程序模型能够大致同样地能运用在嵌入式设备上。

---