YummyAdmin
1.0.0
Vue 3 und Naive UI-basiertes Admin-Panel. fast vollständig, mit RTL-Unterstützung, schönem Design, kostenlos, gebrauchsfertig und für alle anderen Anwendungsfälle erweiterbar
Hinweis : Dieses Projekt befindet sich im Bau und ist noch nicht zu 100 Prozent fertig.
Live-Demo
Hinweis : Dieses Projekt wird mit der ViteSSE-Vorlage erstellt und verwendet NaiveUI als Komponentenbibliothek.
Vue 3, Vite, pnpm, esbuild – geboren mit Echtheit
E-Commerce-fähige Abschnitte (Produkte, Kategorie, Bestellungen, Kunden)
Dateibasiertes Routing
Automatischer Import von Komponenten
Staatsverwaltung über Pinia
Layoutsystem
PWA
UnoCSS – die sofortige atomare CSS-Engine auf Abruf
Ich bin bereit
Unit-Tests mit Vitest, E2E-Tests mit Cypress auf GitHub Actions
Bereitstellung auf Netlify, Zero-Config
YummyAdmin erfordert Node >=18.18
npx degit https://github.com/doroudi/yummyadmin my-yummy-admincd my-yummy-admin pnpm i # Wenn Sie pnpm nicht installiert haben, führen Sie Folgendes aus: npm install -g pnpm
Wenn Sie diese Vorlage verwenden, befolgen Sie die Checkliste, um Ihre Informationen ordnungsgemäß zu aktualisieren
Ändern Sie den Autorennamen in LICENSE
Ändern Sie den Titel in locales/en.yaml
Ändern Sie den Hostnamen in vite.config.ts
Ändere das Favicon public
Entfernen Sie den .github -Ordner, der die Finanzierungsinformationen enthält
Bereinigen Sie die READMEs und entfernen Sie Routen
Und viel Spaß :)
Führen Sie einfach Folgendes aus und besuchen Sie http://localhost:7000
pnpm dev:mock
Um die App zu erstellen, führen Sie sie aus
pnpm-Build
Und Sie sehen die generierte Datei in dist , die zur Bereitstellung bereit ist.
Gehen Sie zu Netlify und wählen Sie Ihren Klon aus. OK , dann ist Ihre App in einer Minute live.
Erstellen Sie zunächst das Vitesse-Image, indem Sie das Terminal im Stammverzeichnis des Projekts öffnen.
Docker Buildx Build . -t yummyadmin:latest
Führen Sie das Image aus und geben Sie die Portzuordnung mit dem Flag -p an.
docker run --rm -it -p 8080:80 yummyadmin:latest
