好用的前端开发工具:这四个你必须知道这是我个人认为最好用的Web前端开发工具。SublimeTextSublimeText以其漂亮的用户界面和极其强大的功能被誉为“神级”代码开发工具。SublimeText支持多种编程语言的语法高亮,并具有出色的代码自动补全功能。此外,它还具有代码片段(Snippet)的功能,可以保存常用的代码片段,需要时随时调用。SublimeText支持VIM模式,你可以在VIM模式下使用大部分命令。SublimeText还具有良好的扩展能力,全面开放的用户自定义配置和神奇实用的编辑状态恢复功能,支持强大的多行选择和多行编辑。该编辑器在界面上比较有特色,支持多种布局和代码缩略图。使用右边的文件缩略图滑动条,可以方便的观察当前窗口在文件中的位置。如果你已经有一定的前端基础,相信SublimeText更适合你。SublimeText让你快速开发,强烈推荐!VisualStudioMicrosoftVisualStudio,简称VS,是微软公司的一系列开发工具包产品,是目前最流行的Windows平台应用程序集成开发环境(IDE)。所谓集成开发环境是指用于提供程序开发环境的应用程序,一般包括代码编辑器、编译器、调试器和图形用户界面工具。好复杂,谁看得懂?嘿嘿,简单来说,VisualStudio就是一个用途广泛的开发工具,可以用来开发功能强大的网站。你现在明白了么?VisualStudio是笔者推荐的三种开发工具中功能最强大的,但使用起来也比较复杂。不过习惯之后,开发效率还是很高的。VisualStudio不仅可以开发静态网页,而且非常有利于动态网页的开发。在开发动态网页方面,可以说VisualStudio优于Dreamweaver。前面我们说过,静态网页一般是没有交互性的,用户所能做的就是浏览网页。在动态网页中,作为用户,我们可以使用应用程序参与评论交流、上传文件以及与服务器进行交互。WebStormWebStorm是jetbrains旗下的JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与Dreamweaver的不智能智能提示相比,WebStorm针对html,尤其是HTML5和JS的智能提示,简直惊为天人,值得一用。但是,WebStorm不支持像Dreamweaver那样通过拖拽或插入代码来创建HTML。如果你是初学者,需要拉表来完成布局,WebStorm根本不适合你。WebStorm只适合手写代码的前端开发者。与VS2010等工具相比,WebStorm足够轻量级,下载只有几十M,安装快捷方便,对机器性能要求低,内存够用,支持跨平台使用,是很方便。而且js的提示也够高级了。还带有js调试功能。DreamweaverDreamweaver,简称DW,是Adobe一款非常优秀的网页开发工具,深受用户(尤其是初学者)的喜爱。现在最新版本是DreamweaverCC。对于初学者来说,Dreamweaver是最理想的开发工具,也是广大前端初学者的首选。但我要强调的是,如果我们选择Dreamweaver作为开发工具,一定不能采用Dreamweaver传统的使用操作界面开发网页的方式。这种开发方法已经被放弃了很长时间。笔者在刚接触前端开发的时候,也曾深受其害。当时是跟着一个视频学的,第一步点哪里,第二步点哪里……点啊点啊,都是用鼠标,点的时候头晕。不要以为Dreamweaver用鼠标操作制作网页简单方便。学习一段时间后,你会发现,你学到的根本不是知识,而是开发网页时应该点击哪里!还有,当你用Dreamweaver的鼠标操作制作网页的时候,你会发现有这么多的缺点!尤其是冗余的代码,一堆一堆的,让开发出来的网站后期很难维护。当然,Dreamweaver仍然是一个非常好的开发工具。我不是反对大家使用Dreamweaver,而是反对使用Dreamweaver的界面来制作网页。对于刚刚接触前端开发的新手,可以使用Dreamweaver作为开发工具,但是我强烈建议大家一定要用代码来写网页,而不是用鼠标点击。还有,我可以很明确的告诉你,大部分的网站都不是鼠标操作实现的,而是写代码实现的。人即使用Dreamweaver来开发,也不会简单的用鼠标点击。不过话说回来,Dreamweaver依然是初学者首选的开发工具,简单方便。但是千万不能用“点点滴滴”的方法来开发网页,切记。
