npm create tauri-app@latest
Select these options:
- npm
- svelte
cd [APP NAME]
npm install
Project root:
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Tailwind.config.cjs:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {}
},
plugins: []
};
./src/style.css:
@tailwind base;
@tailwind components;
@tailwind utilities;
app.svelte test code:
<p class="text-3xl font-bold underline">
Hello world!
</p>
run project:
npm run tauri dev
install daisyUI:
npm i daisyui
modify tailwind.config.cjs:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {}
},
plugins: [require("daisyui")], // added daisyui as a plugin
};
command:
npx tailwindcss init -p
error:
TypeError: Object.fromEntries is not a function
fix:
sudo npm i -g n
n latest
- close and re-open terminal