Update README

This commit is contained in:
Juhn-Vitus Saß
2025-02-14 16:52:02 +01:00
parent 7f1be5afab
commit 4f85d266ba

View File

@@ -5,6 +5,7 @@
1. [Initialisierung des Projekts](#initialisierung-des-projekts) 1. [Initialisierung des Projekts](#initialisierung-des-projekts)
2. [Starten des Servers](#starten-des-servers) 2. [Starten des Servers](#starten-des-servers)
3. [Superuser erstellen](#superuser-erstellen) 3. [Superuser erstellen](#superuser-erstellen)
4. [Tailwind-Nutzung](#tailwind-nutzung)
## Initialisierung des Projekts ## Initialisierung des Projekts
@@ -67,3 +68,31 @@ python3 core/manage.py createsuperuser
``` ```
Gib anschließend die geforderten Daten ein (Benutzername, E-Mail, Passwort). Nach erfolgreicher Erstellung kannst du dich mit diesen Zugangsdaten im Admin-Bereich und in der Accounts-App der Anwendung anmelden. Gib anschließend die geforderten Daten ein (Benutzername, E-Mail, Passwort). Nach erfolgreicher Erstellung kannst du dich mit diesen Zugangsdaten im Admin-Bereich und in der Accounts-App der Anwendung anmelden.
## Tailwind-nutzung
### Installation
TailwindCSS kann auf zwei Wege installiert werden:
- Mit der [Binärdatei](https://github.com/tailwindlabs/tailwindcss/releases/latest)
- Mit NPM:
```sh
npm install tailwindcss @tailwindcss/cli
```
### Datei generieren
```sh
tailwindcss -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
```
- INPUT-DATEI: CSS Datei, welche die Einbindung und Konfiguration von Tailwind enthält
- OUTPUT-DATEI: CSS Datei, die in den Seiten eingebunden wird
- --watch: Änderungen im aktuellen Verzeichnis erkennen und Output neugenerieren
- --minify: Output Datei so klein wie möglich halten
**Beispiel:**
```sh
tailwindcss -i core/homepage/static/homepage/t-input.css -o core/homepage/static/homepage/t-style.css --watch --minify
```