前端编程入门之----工具篇

工具篇 — 欲善其工必先利其器

 

前端的开发工具不胜其数，是个编辑器就能进行前端编程。当下比较主流的几款编辑，比如sublime text、webStorm、Adobe Dreamweaver、Atom、hbuild。

前端网提供了各类编辑工具的汉化破解版，云盘下载：http://www.w3cfuns.com/tools

这么多编辑工具，我该怎么选择呢？我当时也是这样困惑。因为我是初学，看的是杂七杂八的视频，这个老师用的DW，那个老师用的是sublime text，随后也跟着这些老师用过不少于三个编辑器。

最终还是选择了webStorm，然后一直用到现在。

关于用什么编辑工具，还是看个人的发展。

如果你仅是一个UI，并不想往编程领域扎太深，那么就可以考虑一下DreamWeaver。

如果你想就研究前端了，那么sublime text就是最小巧而美的开发工具了，不怎么占内存，插件市场非常丰富，可满足你的一切。

如果你想将来可能要搞下PHP，java，Python，有一颗全栈工程师的闷骚内心，或者android studio过来的同学，那么一定要选择webStorm。webStorm属于IDEA系列，习惯了webStorm开发环境和快捷键，那么再次去用下面这些就很熟悉了：

 

关于开发工具，用过IDEA系列都说好！

 

webStorm有一缺点就是重了，非常占内存了。我原来那三千多的HP笔记本上启动非常慢，卡得让人想摔机。

你知道的，后来我买了mac pro！

调试工具

因为开发工具并没有视图解析引擎和JS解析引擎，所以你在开发工具上写的代码往往是不能在开发工具上进行调试的，只能借用于浏览器。

debugge能力，才能真正看出一个工程师的水平。在前端开发尤其侧重debugge。

所以刚入门的同学，要在调试工具的使用上花些时间去熟练。

在前端调试工具里面，用得最多的就是无非就是火狐的 Firebug和Chrome debugge。

我一直在用Chrome debugge，个人感觉比Firebug等其他的调试工具太好用了，现在微信官方提供小程序开发工具，其实就是对Chrome debugge进行改吧改吧而已。

建议去用Chrome debugge！

谷歌浏览器