Tailwindcssのインストール方法

第一歩：

インストールするバージョンを決定します。React や Vue などの JavaScript フレームワークを使用していますか?

この記事は、tailwindcss 2.2.16 バージョンと Vue 3.0 に基づいています。 4 a>例

ステップ2：

追い風CSをインストールする

npm i [email protected] -D //注意版本不能错，直接安装是3.0.15

postcss.config.js および tailwind.config.js ファイルを作成する

npx tailwind init -p

ステップ 3:

main.jsで導入されました

import "tailwindcss/tailwind.css"

効果を試してみる

  <p class="text-2xl ...">The quick brown fox ...</p>
  <p class="font-bold ...">The quick brown fox ...</p>
  <button class="focus:outline-black ...">Button A</button>
  <button class="focus:outline-white ...">Button B</button>

効果は次のとおりです

------tailwindcss v2.2.16 のインストールはここで終了です

役に立ったと思われる場合は、高評価を押してお気に入りに追加してください。不備がございましたら、コメントや修正をお願いします！