推荐8款最好用的前端开发工具供美工或者前端开发人员使用，当然若你是NB的全栈工程师也可以下载使用。Web前端开发最常见的编程软件有以下几种： 

0、Visual Studio Code

在前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code。Visual Studio CodeVS vode特点： 开源，免费； 自定义配置 集成git 智能提示强大 支持各种文件格式（html/jade/css/less/sass/xml） 调试功能强大 各种方便的快捷键 强大的插件扩展 　　对前端这么友好，没理由不用。

1、DreamWeaver

DreamWeaver是一款老牌前端开发工具，功能强大且组件丰富，作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。但是DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通病。

2、Hbuilder

 Hbuilder是最近几年被广泛使用的一款前端开发工具，我最初开始使用Hbuilder是因为它可以做Android和IOS的开发，移动互联团队的同事推荐给我使用的，我用了一段时间感觉还不错。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。但是使用Hbuilder有一个问题一直让我比较困惑，就是我之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码，而同样的操作在Eclipse中则不会乱码，这也让我比较困惑，不知道官方什么时候能解决这个问题。

3、sublime text

 sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。当然它也支持很多开发语言，虽然在代码管理方面没有DW那么强大，但是由于它很轻，速度很快，所以很多前端开发人员还是比较喜欢使用它。

4、Eclipse

 Eclipse也是可以进行前端开发的，使用Eclipse进行前端开发的程序员有很多是做后端开发出身的。因为可能是使用Java语言比较多的缘故，我对Eclipse的使用比较熟悉，所以很多时候我都使用Eclipse进行前端开发。使用Eclipse进行前端开发可以直接跟后端开发整合测试，在这一点上还是有一定的优势，虽然Eclipse本身较重，但是如果既做前端又要做一部分后端调试，使用Eclipse总要好过使用DW+Eclipse。但是某些Eclipse版本在JavaScript程序片的支持上有一些小Bug，在使用的时候要多加注意。

5、Editplus

Editplus本身就是一个功能强大的记事本，我最初使用Editplus是在2001年，当年使用Editplus做C语言开发，后来改用Vim了，因为Vim比Editplus更方便。Editplus可以进行很多语言的开发，通过配置编译和运行环境，可以在Editplus下进行程序编写和调试。Editplus没有编写提示，最大的优点是运行快，Editplus只有几M大，非常小巧。由于早期长时间使用Editplus，所以锻炼了我的手写代码能力，也提高了模块化代码的能力，因为Editplus没有这些辅助功能。

6、Photoshop

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

7、WebStorm MAC版

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

8、browser-sync-master

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

作为前端开发工程师，以上这些工具基本就够用了，若是想更专业、装逼一点，可以参考下面的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版全新的软件界面，全面的提升所有编写功能，希望大家能够喜欢，下载使用。

做前端开发需要系统的学习HTML、CSS以及JavaScript，同时还要学习诸多框架的使用，内容多且繁杂，好在难度并不高，只是需要做大量的实验。前端的工具也并不仅限于以上提到的几种，随着前端开发的不断变化，以后软件厂商也会陆续推出更加方便的开发工具。

链接: https://www.fly63.com/article/detial/2336