四款比较常用的前端开发工具，具体哪一款最好用，因人而异，大家可以根据自己的情况，选择一款个人认为最好用的 web 前端开发工具。

Sublime Text

Sublime Text 凭借其漂亮的用户界面和极其强大的功能，被誉为“神级”代码开发工具。

Sublime Text 支持多种编程语言的语法高亮，拥有优秀的代码自动完成功能。此外，它还拥有代码片段(Snippet)的功能，可以将常用的代码片段保存起来，在需要时随时调用。Sublime Text 支持 VIM 模式，可以使用 VIM 模式下的多数命令。

Sublime Text 还具有良好的扩展能力和完全开放的用户自定义配置与神奇实用的编辑状态恢复功能，支持强大的多行选择和多行编辑。

该编辑器在界面上比较有特色的是支持多种布局和代码缩略图。利用右侧的文件缩略图滑动条，可以方便地观察当前窗口在文件的哪个位置。

如果你已经有一定的前端基础，我相信 Sublime Text 更加适合你。Sublime Text 可以让你快速地进行开发，强力推荐!

Visual Studio

Microsoft Visual Studio，简称 VS，是微软公司的开发工具包系列产品，是目前最流行的 Windows 平台应用程序的集成开发环境(IDE)。所谓的集成开发环境，就是指用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面工具。这么复杂，谁看得懂呀?哎，简单来说，Visual Studio 是一个具有很多用途的开发工具，它可以用来开发功能很强大的网站。这下懂了吗?

Visual Studio 是笔者推荐的三款开发工具中功能最强大的，但是使用起来也相对复杂。不过用习惯了之后，开发效率还是非常高的。Visual Studio 不仅可以开发静态网页，还非常有利于开发动态网页。在开发动态网页方面，可以说 Visual Studio 比 Dreamweaver 更胜一筹。前面我们说过，静态网页一般是没有交互性的，用户能做的也仅仅是浏览网页。而在动态网页中，作为用户，我们可以参与评论交流、上传文件，以及使用与服务器交互。

WebStorm

WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具。已经被广大中国 JS 开发者誉为“Web 前端开发神器”、“最强大的 HTML5 编辑器”、“最智能的 JavaScript IDE”等。相比 Dreamweaver 很不智能的智能提示来看，WebStorm 对 html 特别是 HTML5 和 JS 的智能提示简直堪称大神，很值得去使用。不过 WebStorm 不像 Dreamweaver 一样支持拖拽或者插入代码的方式来做 HTML，如果你是初级入门者，需要拉表格完成布局的话，WebStorm 完全不合适你的使用。WebStorm 只适合手写代码的前端开发者使用。

相比 VS 2010 这样的工具来说，WebStorm 足够的轻量级，下载只有几十 M，安装快速方便，对机器性能要求低，占有足够少的内存，而且支持跨平台的使用，非常方便。而且对 js 的提示也足够的先进。还带 js 调试功能。

Dreamweaver

Dreamweaver，简称 DW，是 Adobe 公司的一款非常优秀的网页开发工具，并且深受广大用户(特别是初学者)的喜爱。现在最新的版本是 Dreamweaver CC。

对于初学者来说，Dreamweaver 是最理想的开发工具，是广大前端入门者的首选。但是要强调一下，如果选择了 Dreamweaver 作为开发工具，我们一定不要使用 Dreamweaver 那种传统的、使用操作界面的方式来开发网页。这种开发方式已经被摒弃很久了。

大家不要觉得 Dreamweaver 用鼠标操作的方式来制作网页既简单又方便。学了一段时间你会发现，你学到的根本不是知识，而只是开发网页时你应该点哪里!还有，当你用 Dreamweaver 鼠标操作的方式来制作网页时，你会发现弊端何其多!特别是冗余的代码，一堆一堆的，让开发出来的网站难以在后期进行维护。

关键词：前端培训