TailwindCSS setup with Vite, PostCSS, AutoPrefixer:

1. Setup npm:

2. Install & initialize:

3. Open tailwind.config.js file & set content as ALL (*):

4. Create folder CSS & a file within it, as main.css & add the Tailwind directives:

5. Link CSS/main.css with index.html

6. Open package.json and set the below, under scripts:

7. Open terminal & run:

To install & use daisyUI:

1. Follow upto 5th step from above.

2. Install daisyUI as a Node package:

3. Add daisyUI to tailwind.config.js => module.exports => plugins[]:

4. Goto package.json => "scripts":{} & add the following:

5. Open terminal & run:

To build for production:

Goto package.json => "scripts":{} & add the following: