Posts

Showing posts from February, 2023

React Installation with Vite and Tailwind css (Steps to Installation)

 Step 1 : npm create vite@latest my-project -- --template react  Step 2 : cd my-project  Step 3  : npm install -D tailwindcss postcss autoprefixer Step 4 : npx tailwindcss init -p Step 5 : make changes In tailwind.config.cjs  ==>  module . exports = { content : [ "./index.html" , "./src/**/*.{js,ts,jsx,tsx}" , ] , Step 6 :  Add this directory to index.css  @tailwind base ; @tailwind components ; @tailwind utilities ; Step 7 : npm run dev Step 8 :  Check Tailwind work or not  export default function App ( ) { return ( < h1 className = " text-3xl font-bold underline " > Hello world ! </ h1 > ) }