WebStorm

WebStorm是jetbrains公司旗下一款javascript开发工具，一款被广大前端设计师誉为“Web前端开发神器”的H5编辑器。他与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分功能，因此被称为“***智能的JavaIDE”.大部分编辑器有的智能代码不全，html提示，联想查询，代码检查等功能。

特点：功能强大，有很多集成功能，使用率90%。唯一缺点就是要收费。

VisualStudioCode

简称VSCode，VisualStudioCode中文版是微软推出的带GUI的代码编辑器，是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流开发语言，软件功能非常强大，界面简洁明了。操作方便快捷，设计得人性化。软化主要改进了文档视图，完善对Markdown的支持。

特点：插件数量多，安装方便，重点是免费。微软提供支持全职团队来开发的一款编辑器。该软件同时支持主流三大平台。

DreamWeaver

简称DW，是个由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。

特点：DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通玻其中，DW3.0乃是经典版，这个软件中规中矩，大部分常规功能都有。

SublimeText

sublimetext也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublimetext比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。SublimeText的主要功能包括：拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。

特点：收费软件、轻量插件多，安装复杂，需要翻墙，刚开始学前端时用了一段时间我就弃用了，对于前端新手，不推荐使用。

HBuilder

HBuilder是专为前端打造的开发工具，具有飞一样的编码、***全的语法库和浏览器兼容数据、可以方便的制作手机APP、***保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。

特点：使用Hbuilder有一个问题，就是之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码。