> * 原文地址：[Launching the Front-End Tooling Survey 2019](https://medium.freecodecamp.org/launching-the-front-end-tooling-survey-2019-4cb2b72f0b42)
> * 原文作者：[Ashley Watson-Nolan](https://medium.com/@ashnolan_)
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO1/launching-the-front-end-tooling-survey-2019.md](https://github.com/xitu/gold-miner/blob/master/TODO1/launching-the-front-end-tooling-survey-2019.md)
> * 译者：[EmilyQiRabbit](https://github.com/EmilyQiRabbit)
> * 校对者：[xingqiwu55555](https://github.com/xingqiwu55555)，[Mcskiller](https://github.com/Mcskiller)

# 2019 前端工具调研

### 自从去年结果公布，我们使用前端工具的习惯发生了什么变化？

![](https://cdn-images-1.medium.com/max/2200/1*9JIIVk5ErlXzjy1Qu1G0eQ.png)

和往年一样，本年度调研的目的也很简单。是为了了解整个行业中，常见前端工具现有的知识和使用水平。

所以在 2019 年，哪些工具位居榜首呢？

### ➡️ 现在我们开始本年度调研

我非常感谢你能抽出时间来参与。每一份回答都能为前端社区提供一份更有代表性的样本。

## 去年调研结果概述

去年，5461 名前端研发花时间回答了 24 个关于不同前端工具的问题。

所以在这些回答中，可以发现什么主流工具呢？

### React 和 Vue.js 的使用量激增

受访者回答了三个关于 JavaScript 库和框架的问题。这些问题都和他们对这些工具的了解和使用有关，并且还涉及他们是否认为这些库和框架是前端项目的必需品。

React 和 Vue.js 在前端领域获得了巨大进步。事实上，从与前一组结果的变化来看，React 第一次被认为是前端工具中最必要的 —— 它将 jQuery 从第一的位置踢走 —— 几乎三分之一的受访者是这样回复的（28.47%）。

jQuery 在前端工具里跌落到了第三的位置，位于那些声明他们不认为任何库和工具是必需的的工具之后。Vue.js 是第四名，在 2016 到 2018 年间，它从 3.01% 增长到了 10.21%。

![2018 前端工具调研第 16 问的结果：“你认为哪个 JavaScript 库或者框架是你大部分项目中不可缺少的”](https://cdn-images-1.medium.com/max/2400/1*0ITTXeaXH1eRwvDy0eHZpg.jpeg)

就这些工具的知识水平而言，jQuery 依旧是大多数受访者觉得使用起来很舒适的工具（79.73%）。但是，这个指标第一次出现了下跌，与上次调研相比，跌落几近 7%。对比而言，40.43% 的受访者对 React 有相同看法，同时增长了 12.30%。

使用特性也出现了类似的趋势，当受访者被问及他们在当前的项目中最常用的框架的时候，React 和 Vue.js 分别增长了 47.39% 和 22.94%。与 2016 年的调研相比，增长了 10.48% 和 13.59%。jQuery 则正好相反，它的用量跌落了 19.20%，尽管如此它依旧险居首位，51.05% 的受访者说他们依旧频繁的使用它。

![2018 前端工具调研第 15 问的结果：“哪个 JavaScript 库或者框架是你当前项目中最常使用的”](https://cdn-images-1.medium.com/max/2400/1*AqnEnEJsUQvA2DDvqobFIg.jpeg)

总的来说，这些问题的趋势清晰的反映出了 jQuery 的使用看起来是稍有衰减，开发者认为它是工作流中不那么重要的工具了。另一方面，在同一时期内，React 和 Vue.js 的使用和知识水平则飞速上升。

### CSS-in-JS 工具用量稳定增长

觉得使用 CSS-in-JS 解决方案很舒适的开发人员的数量，是去年结果 19.92％ 的两倍。显然，更多的开发者在寻找能帮助他们在构建组件的时候封装样式的工具。

尽管这个比例只占受访者的五分之一，但是它却有上升的趋势，今年的结果更值得关注。

### CSS Grid 的采用取得了良好的进展

CSS 的布局功能在过去的几年中取得了巨大的飞跃。如果你想要躲开 flexbox 和 CSS Grid 相关的新闻和教程，你只能到山洞里去生活了。

去年的结果显示，这些特性在开发者中被广泛的采用。一大部分开发者（67.59%）说，他们觉得使用 flexbox 非常顺手。对比而言，只有 18.48% 受访者同感于 CSS Grid，但是这个数字已经很高了，因为浏览器支持 CSS Grid 的时间远远比 flexbox 短。如果包含进那些表示至少有过一点点 CSS Grid 使用经验的受访者，这个比例将上升至 62.41%。

### 查看完整结果

如果你有兴趣知道去年调研的所有数据，[可以在这篇关于 2018 完整调研结果的文章中查看](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results)。

看看上述这些趋势和特性在另一年中如何发展，真是件很有趣的事情呢。

## 本年度有什么新鲜事

在尽力保持调研的简洁性的同时，考虑到去年受访者的反馈，我们又添加了几个新的问题。

随着 CSS-in-JS 工具的增长 —— 正如在 2018 年结果中显示的那样 —— 本年度的调研专门提出了一个关于这类工具的问题。

另外，还有几个新的问题专门调研开发人员目前正在使用哪些有关性能和兼容性的工具以及功能。

由于去年很多人提出了要求，所以我也将会发布一份整理好的调研反馈数据集（匿名）。它将也包括前三年的反馈数据。

## 参加本年度调研

这些已经足够了 —— [快来参加今年的调研吧](https://ashn.uk/survey-2019)！

调研将在四月底关闭，结果将会很快公布。如果你想要知道具体时间，可以 [在 Twitter 上关注我](https://twitter.com/AshNolan_)或者在调研的最后留下你的邮箱地址。结果相关的文章公布后，你将第一时间收到链接。

调研的总结文章也会在 Medium 这里发布。

> 如果发现译文存在错误或其他需要改进的地方，欢迎到 [掘金翻译计划](https://github.com/xitu/gold-miner) 对译文进行修改并 PR，也可获得相应奖励积分。文章开头的 **本文永久链接** 即为本文在 GitHub 上的 MarkDown 链接。

---

> [掘金翻译计划](https://github.com/xitu/gold-miner) 是一个翻译优质互联网技术文章的社区，文章来源为 [掘金](https://juejin.im) 上的英文分享文章。内容覆盖 [Android](https://github.com/xitu/gold-miner#android)、[iOS](https://github.com/xitu/gold-miner#ios)、[前端](https://github.com/xitu/gold-miner#前端)、[后端](https://github.com/xitu/gold-miner#后端)、[区块链](https://github.com/xitu/gold-miner#区块链)、[产品](https://github.com/xitu/gold-miner#产品)、[设计](https://github.com/xitu/gold-miner#设计)、[人工智能](https://github.com/xitu/gold-miner#人工智能)等领域，想要查看更多优质译文请持续关注 [掘金翻译计划](https://github.com/xitu/gold-miner)、[官方微博](http://weibo.com/juejinfanyi)、[知乎专栏](https://zhuanlan.zhihu.com/juejinfanyi)。
