xxxxxxxxxx
npm install --save-dev @nuxtjs/tailwindcss
nuxt.config.ts add followin code
export default defineNuxtConfig({
modules: ['@nuxtjs/tailwindcss']
})
xxxxxxxxxx
1- npx create-nuxt-app app-name
2- npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
3- npm install -D sass sass-loader @tailwindcss/forms
4- npx tailwindcss init // for generate config file 'tailwind.config.js'
xxxxxxxxxx
npm install -D @nuxtjs/tailwindcss tailwindcss@latest postcss@latest autoprefixer@latest
xxxxxxxxxx
# Run powershel as administrator
# download and install Node.js
choco install nodejs-lts --version="20.17.0"
# verifies the right Node.js version is in the environment
node -v # should print `20`
# verifies the right npm version is in the environment
npm -v # should print `10.8.2`
xxxxxxxxxx
// nuxt.config.js
export default {
buildModules: ['@nuxtjs/tailwindcss']
}
xxxxxxxxxx
# Install Tailwind CSS and its dependencies
npm install -D tailwindcss postcss autoprefixer
# Create the Tailwind CSS configuration file
npx tailwindcss init -p