无论是自学web前端还是报读web前端培训班，在学习的路上，我们总要有自己擅长的工具，如此才能提高我们的工作效率，那么对于学习web前端的你，如何学习呢，有没有趁手的工具分享下呢?今天小编闲来无事，突发奇想，整理了几个代码编译器，使用起来还不错哦，如果你在学习，那就看看吧!

好了，话不多讲。让我们直接进入今天的正题--自学web前端之工具有哪些，哪些web前端工具最好用!

提到web前端工具，我们想到最多的就是编译工具了，有了这个我们编写代码轻松有余，可谓是我们编程路上不可少的帮手。其次就是书籍和自学网站了。有了这三样，你还愁学不好web前端，做不好这份工作吗?

1.编译器

我们常用的电脑，大概分为win端和Mac版本了。

HTML的编译器有很多，现在主要介绍一下几种：

1.Adobe dreamweaver

Adobe dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Sublime Text

Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。目前更新到Sublime Text3

Sublime Text3具有漂亮的用户界面和强大的功能，(本人就是使用的Sublime Text3 Mac版本哦，网站下载也很简单)。例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 3的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

3、HBuilder

HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE,HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。

2.自学web前端书籍

如果确实想好好学习的话，其实看的书还是蛮多的。在这里推荐四本必看的书籍，这四本看完了，基本上就已经相当于进入互联网行业了~

HTML+CSS基础教程

JavaScriptDOM编程艺术

JavaScript高级程序设计(建议：第三版)

锋利jquery

(小编有话说：看书自学是小编的一大弱点，毕竟代码这个东西还是得自己亲手敲的，看视频可以理解可以多敲几遍，书上讲的太笼统了，当然这只是小编个人意见，勿喷!要是有大牛带你就更好了~膜拜大佬)

3.自学web前端网站

看完视频，基本上你已经学会了搭建自己的第一个网页了

自学web前端网站基本上分为2大类

一类就是web前端视频资源的网站：至于有哪些我就不说了，以免引起侵权哦。

另一类就是自学web前端网站，这些需要大家自己找了，不同的网站授课的内容不同，在搜索引擎里搜索免费web前端视频网站即可出现了。

如果你能在学习web前端基础知识的路上顺顺利利，那就努力吧，毕竟自学web前端可以省去不小的学费。如果你看不懂，那就别费时间了，赶紧报班学习吧，一寸光阴一寸金，金钱难买寸光阴!