Install Svelte-kit Efficiently (svelte-kit + vite + tailwindcss + daisyui)

Shoe

Svelte-kit requires updated node js in the system

1. Run this command to create a blank Skelton project

terminal/cmd

npm create svelte@latest .

or Run

This will create the project on the current directory

terminal/cmd

npm create svelte@latest my-app 

2. Install node modules 

This will create the project on the my-app directory

terminal/cmd

npm i

3. Run dev Server

terminal/cmd

npm run dev -- --dev

4. Add tailwind using npx and svelte-add

terminal/cmd

npx svelte-add@latest tailwindcss

5. Install daisyui

terminal/cmd

npm i daisyui

6. Open tailwind.config.cjs add daisyui using add this line inside the plugin array require('daisyui'),

tailwind.config.cjs

const config = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {}
	},
	plugins: [require('daisyui')]
};
module.exports = config;

Open app.html  then add the theme to html language tag 

If you want dark theme of daisyui then

app.html

<html data-theme="dark"></html>

7. Run the dev server

terminal/cmd

npm run dev -- --host