前端 开发 工具-web前端开发游戏开发

下面我们介绍四种常用的前端开发工具。 哪个最好用因人而异。 大家可以根据自己的情况选择自己认为最好的web前端开发工具。

崇高的文字

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

Sublime Text 支持多种编程语言的语法高亮，并具有出色的代码自动补全功能。 这里，它还有代码片段（Snippet）的功能，可以保存常用的代码片段，需要时随时调用。 Sublime Text 支持 VIM 模式，你可以在 VIM 模式下使用大部分命令。

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

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

如果你已经有一定的前端基础，相信Sublime Text更适合你。 Sublime Text 让你快速开发，强烈推荐！

视觉工作室

Microsoft Visual Studio，简称VS，是微软公司的一系列开发工具包产品，是目前最流行的Windows平台应用程序集成开发环境（IDE）。 所谓集成开发环境是指用于提供程序开发环境的应用程序，一般包括代码编辑器、编译器、调试器和图形用户界面工具。 好复杂，谁看得懂？ 嘿嘿，简单来说，Visual Studio就是一个用途广泛的开发工具，可以用来开发功能强大的网站。 你现在明白了么？

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

网络风暴

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，简称DW，是Adobe公司推出的一款非常优秀的网页开发工具，深受广大用户（尤其是初学者）的欢迎。 现在最新版本是Dreamweaver CC。

对于初学者来说，Dreamweaver是最理想的开发工具，也是广大前端初学者的首选。 但我要强调的是，如果我们选择Dreamweaver作为开发工具，一定不能采用Dreamweaver传统的使用操作界面开发网页的方式。 这种开发方法已经被放弃了很长时间。 笔者在刚接触前端开发的时候，也曾深受其害。 当时是跟着一个视频学的，第一步点哪里，第二步点哪里……点啊点啊，都是用鼠标，点的时候头晕。

不要以为Dreamweaver用鼠标操作制作网页简单方便。 学习一段时间后，你会发现，你学到的根本不是知识，而是开发网页时应该点击哪里！ 还有，当你用Dreamweaver的鼠标操作制作网页的时候，你会发现有这么多的缺点！ 尤其是冗余的代码，一堆一堆的，让开发出来的网站后期很难维护。

当然，Dreamweaver 仍然是一个非常好的开发工具。 我不是反对大家使用Dreamweaver，而是反对使用Dreamweaver 的界面来制作网页。 对于刚刚接触前端开发的新手，可以使用Dreamweaver作为开发工具，但是我强烈建议大家一定要用代码来写网页前端 开发 工具，而不是用鼠标点击。 还有，我可以很明确的告诉你，大部分的网站都不是鼠标操作实现的，而是写代码实现的。 人即使用Dreamweaver来开发，也不会简单的用鼠标点击。

不过话说回来，Dreamweaver依然是初学者首选的开发工具，简单方便。 但是千万不能用“点点滴滴”的方法来开发网页，切记。