前台开发工具备哪些？哪一款最好用？

下面我们详情四款比较常用的前台开发工具，具体哪一款最好用，因人而异，大家可以根据自己的情况，选择一款个人认为最好用的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调试功能。

我目前是在职前台开发，假如你现在也想学习前台开发技术，在入门学习前台的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前台学习交流3000人裙：前面：851 中间：231 最后：348。里面聚集了少量正在自学前台的初学者裙文件里面也有我做前台技术这段时间整理的少量前台学习手册，前台面试题，前台开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。

Dreamweaver

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

对于初学者来说，Dreamweaver是最理想的开发工具，是广大前台入门者的首选。但是要强调一下，假如选择了Dreamweaver作为开发工具，我们肯定不要使用Dreamweaver那种传统的、使用操作界面的方式来开发网页。这种开发方式已经被摒弃很久了。笔者当初刚刚接触前台开发的时候，也是深受其害。当时跟着一个视频学，第一步点击哪里，第二步点击哪里……点点点，一律是用鼠标来点，点到我头都晕了。

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

当然，Dreamweaver还是挺不错的一个开发工具，我并非反对大家使用Dreamweaver，而是反对大家使用Dreamweaver界面操作的方式来制作网页。对于刚刚接触前台开发的新手来说，可以使用Dreamweaver作为开发工具，不过本人强烈建议你肯定要用代码去写网页，别用鼠标点击的方式进行。还有，我可以很清楚地告诉你，现在大部分网站都不用鼠标操作实现的，而是靠编写代码。哪怕人家用Dreamweaver开发，都不会单纯采用鼠标点击的方式。

不过话说回来，Dreamweaver仍然是初学者的首选开发工具，简单方便。但是我们肯定不要使用“点点点”方式来开发网页，切记。