Tailwind CSS v2.2.0がリリースされました。祝! 

さっそくTailwind CSS v2.2.0をインストールしてみた。

npm install -D tailwindcss @ latest

(念の為ですが、、)gitには、↑のコマンドを叩いてTailwind CSS v2.2.0をインストールしてくださいと書かれていますが、tailwindcss と@、 @と latestの間のスペースはDeleteとしてからインストールしてください。

もし、npmのバージョンを久しく挙げていなければ、tailwind css v2.2.0をインストールする前に、npmをあげておきます。2021年6月18日時点では、v7.18.1をインストールすることができました。

npm install -g npm@7.18.1

npmのアップデートが完了しましたら、以下のコマンドでTailwind CSS v2.2.0をインストールします。

>npm install -D tailwindcss@latest

added 32 packages, removed 21 packages, changed 16 packages, and audited 138 packages in 9s

12 packages are looking for funding
  run `npm fund` for details

2 moderate severity vulnerabilities

To address all issues, run:
  npm audit fix

Run `npm audit` for details.

特に問題なくインストールすることができました。

Tailwind CSS v2.2.0で注目すべき新機能

Tailwind CSS v2.2.0では、”Tailwind CLI”がゼロから書き直されたり、pseudo-element variantsやFirst-letter/line variantsの他、pseudo-class等のサポートが追加されているようですので、テストをも含めて今後触ってみようと思います。

本日は、取り急ぎ、Tailwind CSS v2.2.0リリースのご紹介でした。

今日も一日頑張りましょう!