YukiFujisawa / tailwind-css-portfolio-2

tailwind-css-template

• Tailwind CSS 開発用のテンプレートです。
• package.json など必要な設定が揃っています。
• Use this templeteボタンを実行すると、自分のリポジトリにスムーズにコピーできます。
  • 

開発環境構築の方法

こちらのテンプレートを使うにあたって、エディタ(VSCode)など開発環境の構築が必要です。

以下 URL に開発環境手順をまとめましたのでご参照ください。

【入門者向け】Tailwind CSS 開発環境を構築しよう

使い方

1. ターミナルで以下、コマンドを実行してください。

   $ npm run build
   

   • src/index.cssをもとに、TailwindCSS がdist/output.cssに出力されます。
2. あとは、src/index.htmlに自分のコードを記入していただければ OK です！

参考資料

1. TailwindCSS の公式ドキュメント
   • 公式ドキュメントは必須で、例えば、widthは、TailwindCSS ではどのように記載するのか、検索キーワードに入れてみてください。
2. Tailwind CSS Cheat Sheet
   • 通常のCSSプロパティをTailwindCSSではどのように記載するのか、こちらでも簡単に検索することができます。