sprucecss root admin template
v1.0.3
Dieses Repository enthält die statische Vorlage unseres Laravel-Administrators namens Root.
Die Vorlage wurde aus Gründen der Vernunft und einfacheren Verwaltung mit Eleventy erstellt. Sie können den Inhalt aus den Nunjucks-Vorlagendateien oder dem kompilierten dist Ordner abrufen.
Aufgrund der Entwicklung des Laravel-Pakets wird sich die Vorlage in Zukunft wahrscheinlich regelmäßig ändern.
Wir haben Alpine.js verwendet, um den JS-Code zu verwalten. Obwohl es einige recht vollständige JS-Verhaltensweisen gibt, handelt es sich bei dieser Vorlage immer noch um statisches HTML/CSS, sodass Sie den interaktiven Teil erledigen müssen.
Derzeit können Sie die folgenden Ansichten oder Layouts abrufen:
Es gibt viele admin-spezifische Komponenten:
Wir verwenden eleventy --serve und kompilieren Sass mit sass-cli mit npm-Skripten.
Klonen Sie das Repository.
Installieren Sie die Abhängigkeiten.
In der Datei package.json finden Sie alle Abhängigkeiten (und Skripte), um sie mit dem folgenden Befehl zu installieren:
npm installFühren Sie den Entwicklungsmodus aus
Um den Entwicklungsmodus auszuführen, verwenden Sie das npm script . Dieses Skript überwacht auch Änderungen.
npm startFühren Sie den Produktionsmodus aus
Bevor Sie live gehen, sollten Sie das Produktionsskript verwenden, um die Sass-Dateien zu komprimieren.
npm run prod Das Projekt kompiliert die SCSS-Dateien aus dem Ordner ./src/scss in den Ordner ./src/css . Das Projekt enthält Spruce CSS, das das Styling mit einigen Spruce-UI-Komponenten bereitstellt.
sass:lint/sass:lint:fix Sie können Ihre SCSS-Dateien mit Stylelint und stylelint-config-sass-guidelines voreinstellen, die mit dem Befehl npm run sass:lint voreingestellt sind. Verwenden Sie den Befehl npm run sass:lint:fix wenn Sie automatische Korrekturen wünschen.
js:lint/js:lint:fix Sie können Ihr JS auch wie mit Sass linten. Für die Regeln verwenden wir die Airbnb-Voreinstellung.
Der Code ist unter dem MIT lizenziert.
