Installation (trin-for-trin)

💡 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 via terminalen
3. Sæt projektet op
4. Kør dev-server via terminalen
5. Brug Tailwind

1. Installer Node

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

Vælg enten macOs eller Windows

2. Download respository via terminalen

Opret og åben en ny mappe i VS Code. Åbn terminalen via View (se evt. nedenfor), og kopier følgende kode ind i terminal-vinduet og tryk Enter.

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

3. Sæt projektet op

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

npm install

4. Kør dev-server via terminalen

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

💡 OBS! — Nogle gange er det nødvendigt at stoppe serveren, hvilket gøres ved at indtaste ctrl+c i terminal-vinduet. Hvis du skal starte serveren igen, brug da npm run dev igen.

5. Brug Tailwind

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

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