本文目录一览：
前端开发工具有哪些
前端开发工具是开发必不可少的，现在的开发工具功能很强大，但是还是有一些不同，下面详细介绍一下，看看哪款适合你
HBuilder
HBuilder工具是支持一些html和js等开发，主要编写一些c和web等语言，最大的优势就是速度比较快，强大的代码提示和代码输入，大大增加了开发者的开发效率。
Sublime Text
编辑器里边支持emmet比较好的的唯一一款。多功能插件，还可以自定义键绑定，功能有很多，包括多选择和多窗口和python api等功能，为开发者提供了开发方便。
webstorm
js开发工具，web前端开发神器，功能十分强大，界面清晰，人性化设计，使用方便。
所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
phpstorm
测试后端 API 接口时非常好用。GET、POST、DELETE、OPTIONS、PUT 这些方法都支持。
idea
phpstorm、idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对javaer，webstorm针对前端er。
Prettier Playground
代码格式化工具，支持格式化 JavaScript 代码，包括 [ES2017]、[JSX]、[Angular]、[Vue]、[Flow]、[TypeScript] 等。
IDE 大多支持 Prettier 工具， 也有在线版本，可以在浏览器里格式化代码。
Dreamweaver
Dreamweaver是一款网页代码编辑器，利用一些前端代码对网页进行快速的开发，可以通过智能搜索引擎对网页进行访问，开发者可以直观的开发减少出现的错误。
vue用webstorm还是phpstorm
1、WebStorm能做的事情PhpStorm都能做，而且后者还具备服务器端语言Php以及MySQL数据库,Apache服务器配置等服务器相关的功能
phpstorm包括webstorm所有功能加php和db。但是有些在webstorm里默认安装的plugin并没有安装在phpstorm里面 不过你完全可以自行安装 比如Meteor。相反webstorm无法安装phpstorm才能安装的php相关的plugin 比如Symfony-写前端代码用phpstrom
3、webstorm是专注于前端开发的，有丰富的前端框架和js库，phpstorm是偏向于服务器开发的，在纯前端的方面不如webstorm。
webstorm 和 phpstorm 有什么区别呢？做 WEB 开发用哪个好
前者不支持php后者支持php，做web开发用webstorm好，它有以下优点
1) 自动保存，不需要你一次又一次地ctrl+s啦，所有的操作都直接存储，当然，万一键盘误操作也会被立即存储，不过我们可以通过本地版本控制解决这个问题。
2) 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。-写前端代码用phpstrom
3) 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。
4) 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。-写前端代码用phpstrom
5)提供的插件也是比较齐全，安装非常方便。这样带来了另外的问题，以前的eclipse是安装第三方的，webstorm貌似不能安装第三方的插件。
6) 可以导出当前设置：File - Export setting。
求教phpstorm 好用吗
PhpStorm是一款强大的IDE，非常适合于PHP开发人员及前端工程师。提供诸于：智能HTML/CSS/JavaScript/PHP编辑、代码质量分析、版本控制集成（SVN、GIT）、调试和测试等功能。另外，它还是跨平台。在Windows和MacOS下都可以使用。PhpStorm-让开发更智能，而不是更困难。-写前端代码用phpstrom
