本文来源于全球的5254份前端工具使用的调查报告，期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。

受访者组成

83％的受访者具有两年以上的前端技术经验，只有5％的受访者不到一年：

 

CSS

开发者中有63%为高级开发者和专家：

 

尽管CSS被认为只是属性－参数值对的简单集合，但是CSS却是很难掌握的。CSS3引入了许多的新特性，要想完全的掌握CSS变得越来越困难。

 

CSS预处理器

超过63％的开发者使用Sass，这也使得Sass成为无可争议的预处理首选者。8%的开发者使用PostCSS，通常情况下，PostCSS都是和AutoPrefixer等预处理器配合使用的。

仅有14%的开发者不使用任何预处理，他们更喜欢使用原始的CSS代码。尽管这种方式开发效率较慢，但是却是刚开始学习前端开发的最容易和最好的方式。如果86%的开发者使用预处理器，则平均一个网站需要进行7.2个CSS文件的请求。

仅有10%的受访者尝试过Less，19%的受访者尝试过Stylus，80%的受访者从未听闻Rework。

 

CSS的命名方式

46%的开发者在编码时会使用一种命名方式，对于CSS高级开发者和专家来说，这个比例上升到了57%。

最受欢迎的命名方式是BEM，占到总数的40%。接下来是CSS Modules（16%）、OOCSS（15%）和SMACSS（13%）。

 

其它的CSS工具

39%的受访者在当前的项目中使用Modernizr。14%的受访者使用Stylelint来检查CSS的有效性。23%的开发者不使用任何CSS工具或命名方式。

 

JavaScript

受访者中有51%是JavaScript的高级开发者或专家。

 

库和框架

尽管存在相关性问题，但是超过99%的开发者都曾使用过jQuery，有31%的受访者认为使用jQuery对大多数项目来说都很重要。目前仍有近70%的受访者继续在现有的项目中使用jQuery：

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem rerum voluptas harum provident fugiat tempora architecto mollitia quos maiores perspiciatis, obcaecati, placeat aut. Architecto eaque accusamus minima quis in earum dignissimos suscipit esse, saepe repudiandae similique, expedita sed quam dolore impedit deleniti atque, dolorum quasi repellendus quos sapiente.

provident fugiat tempora architecto mollitia quos maiores perspiciatis obcaecati placeat aunty koi thako Architecto eaque accusamus minima in earum impedit atque quos suscipit esse maiores perspiciatis

Sofia Akira

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem rerum voluptas harum provident fugiat tempora architecto mollitia quos maiores perspiciatis, obcaecati, placeat aut. Architecto eaque accusamus minima quis in earum dignissimos suscipit esse, saepe repudiandae similique, expedita sed quam dolore impedit deleniti atque.

-->