【译】2015: 前端工具现状

时间 2019-11-11

标签前端工具现状繁體版

原文原文链接

原文：http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results
译者：@lizhemingcss

本文数据更新至 2015年09月09日。前端

因为当我发出这篇文章后，问卷又增长到了 1000 份（编写这篇文章的时候仍是 649 份），因此我特意更新了一下文章的数据。比较有趣的事是虽然问卷的份数增长了，可是对以前的统计结果彷佛没有特别大的影响。webpack

几周以前，我发布了一份前端工程师的问卷调查来统计前端工具的使用状况。个人目的很简单，就是想要知道一下目前前端社区的知识和实战水平。我常常可以听到 “Sass 是最佳的预处理器选择”，“xxx JS 框架是的最新并且是最棒的！” 诸如此类的话语，可是我特别想知道当我询问他们知道什么工具并在他们的项目中使用什么工具的时候，他们的第一反应是什么？web

在统计数据以前，我对问卷的数量不抱有特别大的指望。毕竟你们都很忙，没有福利纯义务的让你们填一份问卷听起来比较困难。然而看到问卷份数的时候我整我的都惊呆了，竟然有 1044 份！远远超过了个人预期！真的很是感谢那些花时间帮忙填写这份问卷的人，谢谢！npm

长话短说下面咱们就展现下最后的问卷统计结果吧。前端工程师

事先声明

这些结果仅仅表明了业界一小撮前端工程师的状况，所以它有可能没法表明如今业界的情况，顶多算是将来的一种趋势吧。若是你不巧错过了问卷调查的时间，这也没有关系。我将在几周以后从新开启这份问卷而后在本文中更新数据。框架

问题一：预处理器

我问的第一个问题是“你用什么预处理器？”。frontend

经常使用的预处理器基本上都在答案中有了，不得不指出的是我之因此没有把 PostCSS 放在列表中是由于 PostCSS 做为后处理器不少使用的人每每也会配合使用其它的预处理器在他们的工做中，这样会引发选择强迫症的困扰。我在问卷中指出，若是你真的是只使用 PostCSS 的话，那你就选择“其它”吧。工具

下面是这道题的统计结果：post

预处理器	得票数	百分比
Sass	689	66.00%
Less	140	13.41%
Stylus	44	4.21%
不使用预处理	141	13.51%
其它	30	2.87%

如你所见， Sass 得票 66% 是你们的预处理器第一选择。仅有 13.5% 的人选择了不适用任何预处理器，这不得不说明咱们已经愈来愈接近“预处理器使用峰值”了。这里我想要强调一下，CSS 预处理毫无疑问是前端工程师必备技能，不少项目和工做中都须要用到它，若是你尚未学过它赶快去补习一下吧！另外在投其它的票中，有 21 票（总数的 2%）实际上是使用 PostCSS 的。

问题二：PostCSS 和 Rework

下一个问题，我想要看看到底有多少工程师听过“后处理器”工具，例如 PostCSS 或者 Rework。因此这道题个人问题是：“你是否曾据说过下面列出的 CSS 处理工具？”。

这是这道题的结果

	听/看过	偶尔用	经常使用	从没听过
PostCSS	53.64% (560)	10.34% (108)	8.91% (93)	27.11% (283)
Rework	21.84% (228)	2.30% (24)	0.86% (9)	75.00% (783)

从原始数据中咱们能够知道，有 72.89% 的人是知道或者用过 PostCSS 的，对比之下 Rework 只有 25% 的人。两个工具都只有极少的一部分人会常用他们。

分析这个数据咱们能够知道，有 269 票（超过 25%）的人既没有听过 PostCSS 也没有听过 Rework。相比较之下，有 95 票（9.1%）表示他们常用这两款工具中的至少一种。

我认为这个结果反映出了后处理器领域在前端界仍是个比较新的领域，我但愿在未来能看到这个数字会飞速增加。

问题三：自动化工具

下一个问题是我最感兴趣的——“你更喜欢在你的工做中使用哪款自动化工具？”。

咱们先看一下 npm 的下载数量，Grunt 的下载量是 145 万/月，Gulp 则是 134 万/月。从下载使用量上来看，这二者彷佛是差很少的，不过从问卷的数据来看，用 Gulp 代替 Grunt 彷佛成了一种趋势。

让咱们来看看问卷结果吧：

自动化工具	得票数	百分比
Gulp	488	46.74%
Grunt	274	26.25%
NPM	40	3.83%
Broccoli	13	1.25%
Other	50	4.79%
不使用任何工具	179	17.15%

使人惊讶的事，Gulp 得到了 46.7% 的投票而 Grunt 只有 26.3%，这说明你们愈来愈喜欢使用 Gulp 了。另外只有 17.2% 的人说他们不适用任何自动化工具，说明大部分前端开发人员已经意识到了自动化构建工具的好处并将其运用在项目和团队中。

问题四：JS 库和框架

另一个我比较感兴趣的问题是如今最流行的 JS 库和框架是什么，下面是结果：

	听/看过	偶尔用	经常使用	从没听过
jQuery	1.7% (18)	6.8% (71)	91.5% (955)	0% (0)
Underscore	33.4% (349)	19.2% (200)	38.6% (403)	8.8% (92)
Backbone	58.1% (606)	21.6% (226)	18.6% (194)	1.7% (18)
AngularJS	36.4% (380)	34.9% (364)	28.5% (298)	0.2% (2)
Ember	76.8% (802)	15.6% (163)	4.6% (48)	3% (31)
React	59.6% (622)	21.8% (228)	15.7% (164)	2.9% (30)
Polymer	70.5% (736)	12.2% (127)	3.3% (35)	14% (146)
Knockout	67.9% (709)	10.4% (109)	5.5% (57)	16.2% (169)

没有悬念 jQuery 获得了 91.5% 的最高票数，而且这只是经常使用它的人。不得不说它是全部库里面影响最深远的一个了。数据还显示，有 28.5% 的开发者常用 AngularJS，18.6% 的人经常使用 Backbone，15.7% 的人经常使用 React。

让咱们撇开 jQuery 和 Underscore 两个库看看这些 MV* 框架的数据，有超过 50%（531票）的人至少使用其中一款框架。

题外话，以后我重开这个调查问卷的时候我会再问一个“有多少开发者开始使用 ES6(ES2015) 了？”我相信这个会有很大的增加空间，而且我很好奇这个问题的具体现状。

问题五：你在你的主要项目中使用哪款 JS 库/框架

这题我问的是：“你在你的主要项目中会使用哪款 JS 库/框架？”。这题由于是后面加上去的，因此只有 467 个投票，这个或多或少会影响最后的统计。下面是统计结果：

	得票数	百分比
只用原生不用库	52	11.13%
jQuery	264	56.53%
AngularJS	72	15.42%
React	38	8.14%
Ember	15	3.21%
Backbone	11	2.36%
Underscore	7	1.50%
Polymer	2	0.43%
Knockout	6	1.28%
其它（请指出）	0	0.00%

即便在投票总数少了一半的状况下，jQuery 也凭着 56.53%（264票）的高票拿到了最常使用库的宝座，紧随其后的是 AngularJS，有 15.42%（72票）。

由于这到底的总票实太少了，我也不想对这道题的数据进行太多的预测分析。可是 jQuery 的高票仍让我比较感兴趣，我相信随着 ES2015 的普及 jQuery 的份额会慢慢下降，你们都会转而使用原生或者一些小而美的库。

问题六：JS 模块加载器

模块加载器我本身也使用过一段时间，不过我比较想知道是否全部的前端工程师们也都会使用它，若是是的话他们会选择使用哪款工具？因此这道题的问题是：“你是否在你的工做中使用过一款 JS 模块加载器？”

下面是这道题的统计结果：

模块加载器	得票数	百分比
不使用加载器	538	51.53%
Browserify	185	17.72%
RequireJS	142	13.60%
webpack	120	11.49%
JSPM	30	2.87%
其它	29	2.78%

数据能够看出，48.47% 的开发者已经开始使用模块加载器管理他们的依赖了。其中 17.7% 的人使用的是 Browserify，13.6% 的人使用 RequireJS，11.5% 的人使用 webpack。webpack 最近获得了高度的关注并且咱们能够看到数据上其实 webpack 并无差前两名多少。固然在 ES2015 普及以后数据将如何变化我也是很是关心的。

无论怎么说看到你们都在使用模块加载器我仍是很高兴的，固然我也喜欢在将来那些不适用加载器的人会愈来愈少。

问题七：JS 单元测试

我一直很好奇是否是全部的人都会对他们的 JS 代码或者项目进行单元测试？因此这道题个人问题是：“在你的项目中你使用什么单元测试工具进行测试？”。

下面是统计结果：

工具	得票数	百分比
不使用测试工具	615	58.91%
Mocha	161	15.42%
Jasmine	159	15.23%
QUnit	35	3.35%
Tape	20	1.92%
Jest	11	1.05%
Karma	6	0.57%
Intern	10	0.96%
其它	27	2.59%

数据能够看出占大头的是不使用任何测试工具，占了 58.91%，数听说明有恨大一部分人在项目中忽视了单元测试这一环节，虽然它真的很重要。在其它一些使用单元测试工具的投票中，大部分人选择了 Mocha(15.42%) 或 Jasmine(15.23%) 这两款工具。总的说来就是前端工程师在 JS 单元测试这块有必定的差距。

问题八：其它工具

最后一个问题列举了一些包管理和项目管理里经常使用的工具，而后我问的是：“这里哪些工具你曾用过？”。