2021年最新实用前端工具

老子说“工欲善其事,必先利其器”好的工具能让我们的工作效率大大提高，好了不说废话，直接上工具。

1、Browsersync能让浏览器可以实时、快速响应您的文件更改（html、js、css、sass、less 等等）自动刷新页面。而且最重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。我们想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

2、3、Modernizr 是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。Modernizr 会在页面加载后立即检测特性；然后创建一个包含检测结果的 JavaScript 对象，同时在 html 元素加入方便你调整 CSS 的 class 名。一种主动检测兼容性的方式，对于一些实验性或不确定兼容性的新特性推荐这种主动检测兼容性的方式，而不是到测试的时候再发现兼容性问题，非常的实用，谁用谁知道
　
3、HBuilder

功能简介：
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱

4、nodejs

Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。” —— 来自某度

5、JS公共类库
jQuery是一个快速简洁的JavaScript库，简化了HTML文档遍历网络发展迅速，事件处理，动画和Ajax交互。 jQuery是为了改变你编写JavaScript。

7、Visual Studio Code

功能介绍：
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

8、WebStorm
WebStorm是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 8全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。

9、 Browsers
实用的浏览器沙箱。你可以运行任何浏览器，而无需将它们安装到你的电脑中。目前只支持Windows平台。

10、Sublime Text 3
Sublime Text 很赞的代码编辑器，超级实用，界面设置非常人性化，左边是代码缩略图，右边是代码区域，你可以在左边的代码缩略图区域轻松定位程序代码的位置，一目了然 高亮色彩功能非常方便编程工作