我在前端项目中使用的构建工具和扩展

构建设置

TL;DR - 我使用 Eleventy 和 Sass CLI，并创建了一些其他构建助手。

我已经爱上了静态站点生成器 Eleventy —— 我甚至拥有域名11ty.Rocks。

Eleventy 现在是我每个项目配置的关键部分。它的一大优点在于，你可以根据自己的需求进行调整，甚至可以根据构建流程进行扩展。

要了解 11ty 概述，请查看我关于 11ty 功能的帖子。

我通常从我的11ty Sass Skeleton Starter开始一个新项目，其中包括使用 Sass CLI 的构建处理步骤。

我的构建过程中与 CSS 相关的另一个步骤是使用 postcss 来处理我的样式，包括 autoprefixer 和 cssnano。您将在postbuild骨架启动器的步骤中看到这一点。

有兴趣通过 CLI 构建命令使用 Sass，但不想使用 11ty 吗？以下是我提供的设置要点，它包含 Sass 处理和 Browsersync，无需静态站点生成器或任务运行器。

我还创建了一个包来帮助我开发可访问的调色板，称为a11y-color-tokens，我将其用于更复杂的项目。

查看🔗我为开发人员创建的完整前端资源列表

无论我用什么语言编写（对我来说，目前意味着 CSS、HTML、JS、C#），我最欣赏的扩展包括：

你会进行代码流式传输或录制吗？你可能对我如何设置 VSCode 进行流式传输和录制感兴趣。