How to setup tailwindcss step by step for beginners full video.
How to setup tailwindcss step by step for beginners full video.
Step by Step Note:-
step 1: npm install tailwindcss
npm install postcss
npm install autoprefixer
npm install vite
npx tailwindcss init
step 2: write in package.json :-
"scripts":{
"start": "vite"
}
step 3: create file postcss.config.js
and write code in file
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
}
}
step 4: create input.css
write code in file
@tailwind base;
@tailwind components;
@tailwind utilities;
step 5: create index.html
add linktag:-
link rel="stylesheet" href="input.css"
step 6: install Extension: Tailwind CSS IntelliSense