网站开发一般分为前端和后端两个部分。前端负责实现页面效果，后端主要负责功能开发。一般的开发流程是先由美工或者网页设计师进行网页设计和切图，所谓切图就是将设计好的网页效果图利用html开发工具进行代码实现成网页形式，并且加入一些网页特效。然后交给后端开发人员进行功能开发，一般采用主流的php技术进行开发。
那web开发都用什么工具呢？最常用的前端开发工具有哪些呢？本文推荐8款最好用的web前端开发工具供美工或者前端开发人员使用，当然若你是NB的全栈工程师也可以下载使用。
web前端开发工具排行
工具简介:
老牌的网页编辑软件，功能非常强大，最大的优点是可视化编辑，还有错误提示，深受前端开发人员和网站开发人员欢迎！Dreamweaver CC 专注于快速响应设计、代码编辑功能的改进、在设备上进行网页预览以及从 Photoshop 复合中批量提取具有多种分辨率的 Web 优化图像。与 Bootstrap 框架的集成可帮助您构建移动优先、快速响应的网站。视觉媒体查询通过让您在各种断点处对您的设计进行可视化和修改，进一步完善了快速响应网页设计的体验。
工具简介：
Photoshop简称PS，全球最受欢迎的图形图像处理软件。网页设计师或者web前端开发人员可利用此软件进行网页的设计和切图，PS的切图工具非常强大，可以自动生成html网页格式，大大提高了网页开发效率。
工具简介：
非常好用的JavaScript开发工具，被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
工具简介：
省时的浏览器同步测试工具，Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。
作为前端开发工程师，以上这些工具基本就够用了，若是想更专业、装逼一点，可以参考下面的htm代码编辑器工具
其它4款html开发工具推荐
工具简介：
Sublime Text是一款流行的代码编辑器。Sublime Text 具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
工具简介：
Notepad++是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率，降低电脑系统能源消耗，但轻巧且执行效率高，使得Notepad++可完美地取代微软视窗的记事本。内置支持多达27种语法高亮度显示(包括各种常见的源代码、脚本，能够很好地支持.nfo文件查看)，还支持自定义语言；可自动检测文件类型，根据关键字显示节点，节点可自由折叠/打开，还可显示缩进引导线，代码显示得很有层次感；可打开双窗口，在分窗口中又可打开多个子窗口，允许快捷切换全屏显示模式(F11)，支持鼠标滚轮改变文档显示比例；提供了一些有用工具，如邻行互换位置、宏功能等；可显示选中文本的字节数 (而不是一般编辑器所显示的字数，这在某些情况下，比如 软件本地化 很方便)。
工具简介：
Zend Studio是一个屡获大奖的专业PHP集成开发环境，具备功能强大的专业编辑工具和调试工具，支持PHP语法加亮显示，支持语法自动填充功能，支持书签功能，支持语法自动缩排和代码复制功能，内置一个强大的PHP代码调试工具，支持本地和远程两种调试模式，支持多种高级调试功能。
Zend Studio 9 正式发布，主要包含以下更新：
Git和Github支持云开发部署深度，Zend Framework和Zend Server集成更快、更精简的IDE。
工具简介：
phpstorm免费版是目前网络上最为流行的php开发软件。phpstorm免费版能全面的提升用户php代码编写的效率，并且提供能代码补全、快速导航、即时错误检查等等功能，大大的节省php代码编写时间，phpstorm 2016.2版全新的软件界面，全面的提升所有编写功能，希望大家能够喜欢，下载使用。
注：更多相关工具请到Work网工具下载栏目进行免费下载！
相关开发工具推荐：