前端常用的工具有哪些？
1、jQuery
jQuery由于其无限的教程，没有跨平台/浏览器问题，优秀的用户界面，大量的插件以及它的轻量，快速和快速学习等特点而脱颖而出。超过70％的受访者选择jQuery作为他们的前端库，它是一个快速，轻量级和简洁的JavaScript库，主要用于HTML文档遍历、事件处理、动画和用于快速Web开发的Ajax交互。从本质上讲，jQuery最适合需要快速开发的应用程序。
2、Bootstrap
超过65％的开发者选择Bootstrap作为他们最喜欢的框架来使用，它是一个用HTML、CSS和JS开发的开源工具包。Bootstrap的广泛流行主要是因为它的简单使用、优秀的社区以及大量的文章和教程、第三方插件和扩展、主题构建器等。
3、Angular
如果你打算构建一个动态且强大的单页应用程序，Angular就是你需要的框架。Angular是高度模块化的，因此非常适合与团队分开大型工作，并且使测试和调试变得轻松。功能优先的方法使Angular更加专注于功能，使开发人员的工作更轻松。此外，它还有来自Google社区的出色工具和支持。
4、NPM
NPM是Node的包管理器。借助NPM，开发人员可以安装各种模块进行Web开发，共享和借用软件包，并管理私有开发。它由网站、命令行界面（CLI）和注册表三个不同的组件组成。
5、Webpack
Webpack是现代JavaScript应用程序的模块打包程序，它将前端开发所需的所有资源（如JavaScript、字体和图像）集中到一个地方。如果你正在开发复杂的前端，这特别有用。你可以去通过部署具有的WebPack Web应用程序，以获取有关的WebPack起来和运行。
除了以上工具，还有Sass、React等，根据企业所用工具的不同，你需要掌握的工具也不一样。但熟练应用这些工具的前提是你具备扎实的理论基础，至于杭州Web前端学习班会教哪些工具的使用，大家需要关注其课程设置，还需要注重学习机构的教学模式，毕竟掌握工具的用法比只掌握工具更重要。
前端开发有很多方向，核心包括以下内容：
JavaScript编程语言本身，需要多阅读一些书籍来深化了解以及JavaScript在浏览器里的各种API，这个可以多翻阅MDN文档；工程化：可以通过一些脚手架以及开发一些脚手架来提升开发效率；可以通过对功能的拆分实现模块化与组件化，降低分组开发的难度；可以通过工具链规划、测试、部署代码，实现自动化；模块化、组件化、规范化、自动化，这就是工程化；Vue或React框架，学会其一即可，这两个框架都有自己的生态，路由、状态管理、UI、服务端渲染；计算机科学知识：Linux、计算机网络、数据库、简单的数据结构和算法、云服务等；补充项：工作的时候再学没有关系，前端的跨端实现、typescript等
为啥你提了这么多，没有说UI的Web实现，什么布局、样式、动画、切图、实现一个商城…这是基础，不是核心，你可以用UI框架来做，前端开发可以先不必深究。
前端开发最必不可少也是最经常会使用到的（软件和网站）：
VS Code，支持前端开发各种文件格式以及自带emmet语法、代码提示、自动补全、格式化文档，以及拥有强大的调试功能，适配所有（应该是所有）前端必备工具链；Node.js以及前端工具链，前端开发离不开强大而Node生态，无论是git、webpack、lodash、gulp等，还是Vue、React框架，亦或是vuepress、gatsby等开源项目，这些都是前端开发需要掌握的；Chrome浏览器，前端开发离不开Chrome的开发者工具，从了解DOM、终端适配、JavaScript调试、页面加载到性能优化等；MDN文档，MDN文档是前端开发人员最经常翻阅的JavaScript技术文档，一定要长期翻阅
随着web前端设计的职业需求愈来愈大，做前端开发的队伍也日益壮大。“工欲善其事，必先利其器”，互联网上大大小小的编辑工具那么多，哪一个最好用呢?都有什么特点呢?其实在于个人的喜好，用的顺手才是最重要的下面介绍几个供参考
Brackets
默认有两个主题，可以通过安装theme包拓展新的主题。亲测brackets的插件商店并不是很好用，安装插件可以通过网页的插件商店查找安装包.zip的链接，然后通过链接安装。布局方面只支持左右或者上下两种方式。但是编辑器有一个很逆天的自带功能（虽然其他编辑器也可以通过插件实现），可以一键打开一个浏览器窗口，同步预览在编辑的网页渲染效果，HTML和CSS的修改可以页面无刷新的即时显示。另外一个逆天的功能是，直接在HTML代码的位置修改CSS，还可以直接在CSS代码段中选择编辑颜色。编辑器不集成nodejs调试，亲测node-debug插件也不是很好用。
Hbuilder
类似eclipse的界面，功能也是大而全。主打“绿柔”主题，为了宣传也是很拼。有很丰富的配置选项，这也是Hbuilder作为一个IDE和其他几个编辑器很大的区别。同时支持边看边改模式Hbuilder最强大的是可以很方便做移动端开发，甚至直接打包hybrid应用。Hbuilder是基于eclipse开发的，所以也是使用的eclipse插件。在插件菜单，Hbuilder推荐了一些常用插件，基本覆盖了前端开发需要的各种功能。
Dreamweaver
简称DW，有着很好听的中文名字“梦想编织者”这可能是使用最广泛的编辑器啦，说到web前端，大家想到的使用工具一般都是Dreamweaver，就是因为使用的人多，使用教程很多，所以他也是比较适合初学者的一款软件。其中，DW3.0不足3M，乃是经典版，在配置很低的电脑上也能速度很快地流畅运行。可以说，这是一个非常经典的编辑器，中规中矩，大部分常规功能都有。
Atom
有人说他是21世纪黑客文本编辑器，却拥有着小清新的颜值，UI交互也是做得非常好。软件本身体积很小，是一个开源免费的软件，支持多种语言，拥有丰富的插件，可以自定义界面。但是不太适合打开运行大文件，svn的支持也比较差。不过他有着比较强大社区支持，有社区支持的话，就代表着软件一直有人在维护，持续开发。
Visual Studio Code
他简称VSC，是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言，有语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等优势，支持插件扩展，并针对网页开发和云端应用开发做了优化。他有两大特点， 一是插件数量多，二是是他是微软提供支持全职团队来开发的一款编辑器，这是很难得的。该软件还同时支持主流三大平台。
Sublime Text
他有着帅酷界面，黑色打底，男生用帅，女生用酷，上面的代码五颜六色，不同类型的标签颜色不同，语法高亮，甚至可以多行选择多行编辑。最有特点的是他能够支持多种布局和代码缩略图，用户可以根据自己的喜好来调整布局设置，还可以启动全屏免打扰模式，精心安心敲代码。同时他也有编辑恢复能力，也是他的一大特色之一，有了这个功能，妈妈再也不担心偶忘记保存代码突遇停电啦!
虽然他也是收费的软件，但是可以不限期免费试用，只是会在使用的时候总会有弹窗。但是他也有些缺点，比如sublime text原生对中文支持不太友好，需要安装插件才能解决。
WebStrom
一款被广大前端设计师誉为“web前端开发神器”的H5编辑器。他与Intellij IDEA同源，继承了Intellij IDEA强大的JS部分功能，因此也被称为“最智能的Java IDE”。大部分编辑器有的智能代码不全，html提示，联想查询，代码检查等功能，毫无疑问的他也拥有，而且他还额外有代码重构，代码结构浏览，去掉外围代码，代码格式化等等强大而且人性化的功能。可以说唯一的缺点就是要收费吧，如果真的需要长期使用，还是花59美元去买一个正版的。
