投票结果:CSS 预处理器的流行度

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。开始使用 200 美元的免费信用额度!

几个月前,我们 启动 了关于 CSS 预处理器语法的投票。它引发了 相当多的讨论,并获得了近 13,000 份回复。让我们通过查看收集到的数据来总结一下。

我把所有数据都放到了这张图表中

全尺寸。字体:Hoefler TextIdlewildChartwell

将本文的其余部分视为该图像的替代文本。在近 13,000 份回复中,细分如下

Sass 5%
Scss 13%
LESS 23%
Stylus 3%
我不喜欢任何一个 7%
我没有任何偏好 2%
我从未尝试过任何一个 46%
其他 1%

由此我们可以推断,“大多数”人尝试过或当前正在使用 CSS 预处理器(54%)。我对这个数字的想法一直在变化。一方面,考虑到最近关于它们的讨论如此之多,而且这次投票代表了访问并与名为“CSS-Tricks”的网站互动的人,这个数字似乎有点低。另一方面,开始使用预处理器确实会涉及一些不方便的准备工作。您必须在本地工作。您需要让整个团队都参与进来。您必须下载并运行新的软件。它不像编辑常规 CSS 那样,只需打开文本文件并进行编辑/保存。我认为,54% 的人足够关心自己的工作流程,愿意尝试这一点,这相当令人鼓舞。

我们对 46% 从未尝试过的人知之甚少,但我推测他们分为以下几类:“我不需要这个”,“我甚至不知道有它们”,以及像 这样的人:“真正的男人不需要预处理器。”

从这里我们可以进入投票的核心:找出最受欢迎的语法是什么。在尝试过预处理器的 54% 的人中,其中 83% 有偏好。另外 17% 或者不喜欢任何一个,或者没有任何特别的偏好。我们不知道这些人中有多少人实际尝试过几个并选择了最适合他们的那个。当然,外部因素会影响这一点。例如,他们正在一个 Rails 项目上工作,并且 Sass 与之一起提供。他们喜欢它,所以他们一直坚持使用它。或者,他们正在使用 Twitter Bootstrap(它是用 LESS 构建的)的项目上工作。他们喜欢它,所以他们一直坚持使用它。

在尝试过预处理器并有偏好的人中,我们可以按语法进行细分。LESS 是最受欢迎的,占这些人的 51%。Sass 语法加起来占 41%。Stylus 占 6%,其他(例如自定义 PHP 处理器)占 2%。

在偏好 Sass 的人中,71% 喜欢 scss 语法(更像 CSS),29% 喜欢 sass 语法(依赖空格,没有大括号或分号)。

一年或两年后重新审视这些数字将会很有趣。所有投票 都存档在此处。很快就会有新的投票。