TailwindCssはBootstrapと違って、環境構築が難です。
そのせいで先にすすめない初学者の方のために用意した構成です。
さらにdaisyUIというTailwindCssのプラグインも入れて、Bootstrap風にしてみました。
GitHUBからクローンするだけですぐに使えますよ🙂
クローンからのインストール手順
- リポジトリをクローンする(WEBサーバー内に)
git clone https://github.com/ryukyuhub/get-started-tailwindcss.git
- クローンしたディレクトリ内で 依存パッケージをインストールする
cd get-started-tailwindcss
npm install
- リアルタイムコンパイル状態(開発モード)にする
bash npm run dev
- ブラウザからアクセスして確認する
http://localhost/get-started-tailwindcss