1.Dreamweaver

工具简介：

老牌的网页编辑软件，功能非常强大，最大的优点是可视化编辑，还有错误提示，深受前端开发人员和网站开发人员欢迎！Dreamweaver CC 专注于快速响应设计、代码编辑功能的改进、在设备上进行网页预览以及从 Photoshop 复合中批量提取具有多种分辨率的 Web 优化图像。与 Bootstrap 框架的集成可帮助您构建移动优先、快速响应的网站。视觉媒体查询通过让您在各种断点处对您的设计进行可视化和修改，进一步完善了快速响应网页设计的体验。

2.Photoshop

工具简介：

Photoshop简称PS，全球最受欢迎的图形图像处理软件。网页设计师或者web前端开发人员可利用此软件进行网页的设计和切图，PS的切图工具非常强大，可以自动生成html网页格式，大大提高了网页开发效率。

3.WebStorm MAC版

工具简介：

非常好用的JavaScript开发工具，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

4.browser-sync-master

工具简介：

省时的浏览器同步测试工具，Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

web前端开发工具排行：8款html开发工具推荐下载

作为前端开发工程师，以上这些工具基本就够用了，若是想更专业、装逼一点，可以参考下面的htm代码编辑器工具

其它4款html开发工具推荐

1.SublimeText3

工具简介：

Sublime Text是一款流行的代码编辑器。Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

2.Notepad++7.3.1

工具简介：

Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率，降低电脑系统能源消耗，但轻巧且执行效率高，使得Notepad++可完美地取代微软视窗的记事本。内置支持多达27种语法高亮度显示（包括各种常见的源代码、脚本，能够很好地支持.nfo文件查看），还支持自定义语言；可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，还可显示缩进引导线，代码显示得很有层次感；可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式（F11），支持鼠标滚轮改变文档显示比例；提供了一些有用工具，如邻行互换位置、宏功能等；可显示选中文本的字节数 （而不是一般编辑器所显示的字数，这在某些情况下，比如 软件本地化 很方便）。

3.Zend Studio 13.0.1

工具简介：

Zend Studio是一个屡获大奖的专业PHP集成开发环境，具备功能强大的专业编辑工具和调试工具，支持PHP语法加亮显示，支持语法自动填充功能，支持书签功能，支持语法自动缩排和代码复制功能，内置一个强大的PHP代码调试工具，支持本地和远程两种调试模式，支持多种高级调试功能。

Zend Studio 9 正式发布，主要包含以下更新：

Git和Github支持云开发部署深度，Zend Framework和Zend Server集成更快、更精简的IDE。

4.PhpStorm 10.0.1 Mac版

工具简介：

phpstorm免费版是目前网络上最为流行的php开发软件。phpstorm免费版能全面的提升用户php代码编写的效率，并且提供能代码补全、快速导航、即时错误检查等等功能，大大的节省php代码编写时间，phpstorm 2016.2版全新的软件界面，全面的提升所有编写功能，希望大家能够喜欢，下载使用。

1、HBuilder

功能简介：HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

2、Sublime Text

功能简介：

Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

3、PS

功能介绍：

Dobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

4、Dreamweaver

功能介绍：

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

5、WebStorm

功能介绍：

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

6、Visual Studio Code

功能介绍：

Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

7、wampServer

功能介绍：

WampServer，是Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。

8、Atom

功能介绍：

ATOM，是一个现代的文本编辑器,平易近人,但可删节的核心工具定制做任何事,也可以使用有效不沾一个配置文件。

vue应该是排第一的吧

老牌的网页编辑软件，功能非常强大，最大的优点是可视化编辑，还有错误提示，深受前端开发人员和网站开发人员欢迎！Dreamweaver CC 专注于快速响应设计、代码编辑功能的改进、在设备上进行网页预览以及从 Photoshop 复合中批量提取具有多种分辨率的 Web 优化图像。与 Bootstrap 框架的集成可帮助您构建移动优先、快速响应的网站。视觉媒体查询通过让您在各种断点处对您的设计进行可视化和修改，进一步完善了快速响应网页设计的体验。

• 1、vscode 插件编写方便

• 2、WebStorm 的需求响应速度太慢，而 vscode 基本上隔天 issue 就回复了

Notepad++

这个软件就不多说了，记事本的增强版，主要应用在Windows平台下，大部分人都应该使用过，非常轻巧灵活，运行速度快，支持多窗口切换，可编辑语言也非常多，自动补全、语法提示和检查等功能都不错，对于前端开发入门来说，可以作为一个不错的选择：

VS Code

这个搞web前端开发的人大部分都应该使用过，微软开发的一个轻量级代码编辑器，开源、免费、跨平台，插件扩展丰富，生态环境良好，支持常见的语法提示、智能补全、代码高亮、Git等功能，运行速度快，占用内存少，开发效率高，在前端网页开发中，经常会使用到这个软件，非常灵活方便：

Sublime Text

这也是一个非常不错的代码编辑器，原则是不免费的，但有对应注册码，所以对使用影响不大，基本功能和VS Code差不多，语法提示、自动补全、插件扩展等功能都不错，界面简洁、轻便灵活，运行速度也非常快，唯一不足就是配置上不是很方便，而且也存在一定版本兼容问题，但对于前端网页开发来说，也是一个不错的选择：

HBuilder

这是国产的一个免费web前端开发软件，界面干净、柔绿护眼、轻巧灵活，运行速度快，语法提示、文字处理功能强大，优先支持Markdown功能，除此之外，还自带有云端打包功能，可以将前端开发的网页打包为手机APP，使用起来非常方便：

WebStorm

这是前端开发中一个比较专业的软件，相比较其他软件来说，体积比较大，功能也更复杂，常见的代码高亮、智能补全、Git等功能，这个软件都能很好的支持，除此之外，还支持代码调试、重构等功能，在项目管理、团队协作开发中经常会用到，因此，是一个非常不错的前端软件：

1、Foundation

Foundation是一个易用、强大而且灵活的框架，用于构建基于任何设备上的web应用。提供多种web上的UI组件，如表单、按钮、Tabs 等。

2、GIMP

GIMP是GNU图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能，号称Linux下的PhotoShop。GIMP 在Linux系统推出时就风靡了绘图爱好者圈。

3、Bootstrap

Bootstrap是快速开发web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

4、Cloud9 IDE

Cloud9 IDE是一个基于Node.JS 构建的JavaScript 程序开发web IDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9 IDE还为node.js 和Google Chrome集成调试器，可以在IDE 中启动、暂停和停止。

5、Visual Studio Code

Visual Studio Code是一个运行于OS X，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。

6、SecureHeaders

SecureHeaders是Twitter 送给web开发者的一份大礼，作为一款web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止 XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。

7、Notepad++

Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言: C，C++， Java，C#，XML，HTML，PHP，Javascript。

8、Fontello

Fontello是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

1.Dreamweaver

工具简介：

老牌的网页编辑软件，功能非常强大，最大的优点是可视化编辑，还有错误提示，深受前端开发人员和网站开发人员欢迎！Dreamweaver CC 专注于快速响应设计、代码编辑功能的改进、在设备上进行网页预览以及从 Photoshop 复合中批量提取具有多种分辨率的 Web 优化图像。与 Bootstrap 框架的集成可帮助您构建移动优先、快速响应的网站。视觉媒体查询通过让您在各种断点处对您的设计进行可视化和修改，进一步完善了快速响应网页设计的体验。

2.Photoshop

工具简介：

Photoshop简称PS，全球最受欢迎的图形图像处理软件。网页设计师或者web前端开发人员可利用此软件进行网页的设计和切图，PS的切图工具非常强大，可以自动生成html网页格式，大大提高了网页开发效率。

3.WebStorm MAC版

工具简介：

非常好用的JavaScript开发工具，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

4.browser-sync-master

工具简介：

省时的浏览器同步测试工具，Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

web前端开发工具排行：8款html开发工具推荐下载

作为前端开发工程师，以上这些工具基本就够用了，若是想更专业、装逼一点，可以参考下面的htm代码编辑器工具

其它4款html开发工具推荐