mirror of
https://github.com/leptos-rs/leptos.git
synced 2025-12-27 07:34:35 -05:00
50cb6005a8
The tailwind_csr example was not working yet with version 4, and the tailwind_actix example still had the no-longer-needed config file. This also brings the three tailwind examples back in sync, mostly. I don't know why the axum example has a packages.json and packages-lock.json file, to be honest.
Leptos Starter Template
This is a template demonstrating how to integrate TailwindCSS with the Leptos web framework and the cargo-leptos tool.
Getting Started
See the Examples README for setup and run instructions.
Tailwind
You can install Tailwind using npm:
npm install -D tailwindcss
If you'd rather not use npm, you can install the Tailwind binary here.
Setting up with VS Code and Additional Tools
If you're using VS Code, add the following to your settings.json
"emmet.includeLanguages": {
"rust": "html",
"*.rs": "html"
},
"tailwindCSS.includeLanguages": {
"rust": "html",
"*.rs": "html"
},
"files.associations": {
"*.rs": "rust"
},
"editor.quickSuggestions": {
"other": "on",
"comments": "on",
"strings": true
},
"css.validate": false,
Install Tailwind CSS Intellisense.
Install VS Browser extension (allows you to open a browser at the right window).
Allow vscode Ports forward: 3000, 3001.
Attribution
Many thanks to GreatGreg for putting together this guide. You can find the original, with added details, here.