Nuxt Tailwind

Tailwind CSSモジュール for Nuxt ⚡️

機能

👌 開始するための設定ゼロ
🪄 CSSネスティングはpostcss-nesting вклюむ
🎨 Tailwind Configとカラーを発見する(ビデオを見る)
⚙️ 参照するTailwind config アプリで
📦 フックを使用してNuxtモジュールで拡張可能
🚀 Nuxt 3とNuxt 2の両方でサポート

クイックセットアップ

プロジェクトにNuxt CLIを使用して@nuxtjs/tailwindcssを追加する

npx nuxi@latest module add tailwindcss

orデペンデンシーマネージャーを使用して@nuxtjs/tailwindcssを追加する

# Using pnpm
pnpm add --save-dev @nuxtjs/tailwindcss

# Using yarn
yarn add --dev @nuxtjs/tailwindcss

# Using npm
npm install --save-dev @nuxtjs/tailwindcss

次にnuxt.config.{ts,js}のmodulesセクションに追加する

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/tailwindcss'
  ]
})

以上です！これでNuxtアプリでTailwindクラスを使用できるようになりました✨

Nightly Releasesで最新の追加機能をテストできます！

📖 詳細はこちら

寄与

このモジュールにオンラインで貢献できます

またはローカルで

このリポジトリをcloneする
pnpm iを使用して依存関係をインストールする
pnpm dev:prepareを使用して開発の準備を行う
pnpm devを使用して開発サーバを開始する

ドキュメント

pnpm docs:devを使用してdocs/をローカルで実行したり、ビルドを実行できます

アプリケーションをビルドする前に、.envファイルにNuxt UI Proライセンスを必ず追加してください。
pnpm docs:buildを使用してSSGビルドを実行する
pnpm docs:previewを使用してローカルで生産ビルドを確認する

詳細については、デプロイメントのドキュメントを参照してください。

ライセンス

MIT - 💚を込めて作成