💡 Sådan kommer du i gang med Tailwind CSS.

OBS! Det er ikke meningen, at du skal vide alt om, hvad du skal i denne guide.

Trin:

1. Installer Node
2. Download respository (to muligheder)
3. Sæt projektet op
4. Kør dev-server via terminalen
5. Brug Tailwind

Først skal du downloade og installere Node via https://nodejs.org/en/download/

Vælg enten macOs eller Windows

npx degit https://github.com/daviatkea/tailwind-template-e2022.git .

npx degit https://github.com/daviatkea/tailwind-template-e2022.git . --force

eller

Indtast følgende kode i terminal-vinduet og tryk Enter

npm install

Setuppet virker ikke med den traditionelle Live-Sever. Så derfor skal vi køre vores egen dev-server. Det gør du ved at kopiere følgende ind i terminal-vinduet efterfulgt af Enter

npm run dev

Dev-serveren kører indtil du stopper den manuelt eller lukker VS Code. Du stopper dev-serveren ved at indtaste ctrl+c i terminal-vinduet.

💡 OBS! — Nogle gange er det nødvendigt at stoppe dev-serveren, hvis tingene ikke virker efter hensigten. Prøv da evt. at lukke dev-serveren og starte den op igen vha. npm run dev.

Begynd at bruge Tailwinds hjælpeklasser til at style dit indhold. Find index.html i /src.

Navigér derefter til Tailwinds dokumentation, for at se alle hjælpeklasser samt øvrige opsætningsmuligheder.