前端开发就是将UI设计师设计好的界面实现，即用一些前端方面的语言(HTML、CSS、jQuery等等)将UI设计变成可以与用户交互的网页;前端工程师目前岗位火爆，只要掌握了真正的前端知识，而不是泛泛而谈，找工作也相对比较轻松，薪资也是比较可观的。当然，刚刚入门，我的建议是不要太看重薪资，最应该看中的是有没有好的环境和平台可以学习到更多。当你在好的环境好的平台学习到更多，积累了一定经验之后，薪资真的挺简单。不要被刚刚开始少得可怜的薪资所打败，从而放弃，如果你真的想要进入这行，坚持下去吧。未来回过头来，你会发现，一切就都是这么简单明了了。

今天小编要跟大家分享的文章是关于初学者学习Web前端会用到哪些工具?互联网的快速发展和激烈竞争，使得用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，因此想要学习web前端技术的小伙伴也越来越多。今天小编就为初学者带了这篇文章让我们一起来看一看Web前端都会用到哪些工具。

1、DreamWeaver

DreamWeaver是一款老牌前端开发工具，功能强大且组件丰富，作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。但是DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通病。

2、Hbuilder

Hbuilder是最近几年被广泛使用的一款前端开发工具，我最初开始使用Hbuilder是因为它可以做Android和IOS的开发，移动互联团队的同事推荐给我使用的，我用了一段时间感觉还不错。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。但是使用Hbuilder有一个问题一直让我比较困惑，就是我之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码，而同样的操作在Eclipse中则不会乱码，这也让我比较困惑，不知道官方什么时候能解决这个问题。

3、sublime text

sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻(比Hbuilder还要轻)，如果熟悉了它的快捷键，那么使用起来还是比较便捷的。当然它也支持很多开发语言，虽然在代码管理方面没有DW那么强大，但是由于它很轻，速度很快，所以很多前端开发人员还是比较喜欢使用它。

4、Eclipse

Eclipse也是可以进行前端开发的，使用Eclipse进行前端开发的程序员有很多是做后端开发出身的。因为可能是使用Java语言比较多的缘故，我对Eclipse的使用比较熟悉，所以很多时候我都使用Eclipse进行前端开发。使用Eclipse进行前端开发可以直接跟后端开发整合测试，在这一点上还是有一定的优势，虽然Eclipse本身较重，但是如果既做前端又要做一部分后端调试，使用Eclipse总要好过使用DW+Eclipse。但是某些Eclipse版本在JavaScript程序片的支持上有一些小Bug，在使用的时候要多加注意。

5、Editplus

Editplus本身就是一个功能强大的记事本，我最初使用Editplus是在2001年，当年使用Editplus做C语言开发，后来改用Vim了，因为Vim比Editplus更方便。Editplus可以进行很多语言的开发，通过配置编译和运行环境，可以在Editplus下进行程序编写和调试。Editplus没有编写提示，最大的优点是运行快，Editplus只有几M大，非常小巧。由于早期长时间使用Editplus，所以锻炼了我的手写代码能力，也提高了模块化代码的能力，因为Editplus没有这些辅助功能。

6、其它

做前端开发需要系统的学习HTML、CSS以及JavaScript，同时还要学习诸多框架的使用，内容多且繁杂，好在难度并不高，只是需要做大量的实验。前端的工具也并不仅限于以上提到的几种，随着前端开发的不断变化，以后软件厂商也会陆续推出更加方便的开发工具。

以上就是小编今天为大家分享的关于初学者学习Web前端会用到哪些工具?的文章希望本篇文章能够对想要学习Web前端技术的小伙伴们有所帮助。想要了解更多Web相关知识记得关注Web前端培训官网哦!

作者：weixin_41780944，来源：CSDN

原文：https://blog.*/weixin_41780944/article/details/82724168

【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】