Tailwind CSS 发布首个公开版本

昨天，Tailwind CSS 发布了第一个公开版本 0.1.0，一个 alpha 版本。Tailwind CSS 是 Adam Wathan、Jonathan Reinink、David Hemphill 和 Steve Schoger 开发的基于实用程序的 CSS 框架。

该团队一直在加紧开发，并为框架制作精美的文档，一直到第一个版本发布，并分享了对 CSS 框架未来的展望和构想。

对于一个 alpha 版本库来说，文档感觉很稳定；可以看出，在构建文档时，他们非常注重细节。

什么是 Tailwind CSS？

Tailwind 是一个使用 PostCSS 编写并通过 JavaScript 配置的基于实用程序的 CSS 框架，用于快速 UI 开发，这意味着它在设计上高度可定制。

文档说得最好

Tailwind 与 Bootstrap、Foundation 或 Bulma 等框架不同，它不是一个 UI 工具包。

它没有默认主题，也没有内置的 UI 组件。

另一方面，它对网站的外观没有任何看法，也不会强加你必须努力撤销的设计决策。

如果你正在寻找一个带有预先设计的小部件菜单来构建网站的框架，Tailwind 可能不适合你。

但如果你想要一个巨大的优势来实现具有自身特色的自定义设计，Tailwind 可能是你的不二之选。

通过默认配置文件，Tailwind CSS 具有强大的灵活性和能力，让你可以创建自己的“设计系统”。配置选项为你提供了构建自定义设计的强大引擎。

Tailwind 可以作为 NPM 模块使用，你可以使用 NPM 或 Yarn 安装它

# Using npm
npm install tailwindcss --save-dev
 
# Using Yarn
yarn add tailwindcss --dev

安装模块后，你可以使用提供的 CLI 工具创建配置文件

# creates a tailwind.js file
./node_modules/.bin/tailwind init
 
# Custom config filename if you'd like
./node_modules/.bin/tailwind init tailwind-config.js

你应该查看安装文档，了解如何将 Tailwind 与 Webpack 和 Laravel Mix 一起使用。