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

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