プロジェクトを用意します。
ここでは、react-tailwind-firstとします。
コマンドプロンプトで、プロジェクトを作成したディレクトリに移動し、
npx create-react-app react-tailwind-first と入力しEnter。
次にtailwindを使えるようにします。
ブログ記事編集 - はてなブログ (hatena.ne.jp)
［通常のJavaScriptに入れるなら下記参照
(2) TailwindCSS ver3「インストール・使い方」ゼロから始める：VSCode - YouTube］
VS codeを使用し、拡張機能で、Tailwind CSS IntelliSenseを入れておく。
(2) 人気のCSSフレームワーク「Tailwind CSS 1回目」入門編 - YouTube
(2) Tailwind CSS 2回目「レイアウト入門」 - YouTube
(2) Tailwind CSS 3回目「よく使うクラス(プロパティ)を簡単解説」 - YouTube
(2) Tailwind CSS 4回目「レスポンシブ/各種プロパティ」 - YouTube
(2) Tailwind CSS 5回目「超便利、無料テンプレート」 - YouTube
(2) Tailwind CSS 6回目「レイアウト・レスポンシブ」初級編 - YouTube
(2) Tailwind CSS 7回目「ゼロから１ページ作る！応用トレーニング」 - YouTube
