pears

? Euen Birnen - ein statisches Starter -Kit

Ein Starter -Kit zum schnell, leicht und effizienten Gebäude.



Live -Demo anzeigen →

Euen Derzeit befindet sich Pears in einem frühen Entwicklungszustand. Dinge können brechen und sich ändern.

? Ziele

• Super einfach zu verwenden und zu entwickeln. Kein durch Einstellungen und Konfigurationen durcheinander.
• Einfach zu bedienen für diejenigen, die mit Hugo nicht vertraut sind. Sie sollten nicht mehr lernen müssen als die Grundlagen.
• Angetrieben von Tools, die sich auf einen schnellen und effizienten Entwicklungszyklus konzentrieren.
• Vorverpackt mit Shortcodes & Partials für eine Menge verschiedener Komponenten.

"Was ist enthalten?

? Hugo - der schnellste Rahmen für den Bau statischer Standorte

? Tailwindcss , Rückenwindformen und Rückenwind-Typografie Utility-First CSS-Framework, um Ihre Website zu erstellen, ohne jemals Ihre HTML verlassen zu müssen.

Euen Postcss- , Autoprefixer- und Purgecss -Dateien (einschließlich Tailwinds), um nur die Klassen und Regeln zu sein, die Sie tatsächlich in Ihrem Markup verwenden.

- schöner und Stiftung schreiben besser Code, ohne über die Formatierung nachdenken zu müssen.

" Eslint" stieß nie wieder auf JS -Fehler.

️ fangen an

Um dieses Projekt einzurichten, müssen einige verschiedene Dinge installiert werden. Mach dir keine Sorgen, es ist einfach.

Anforderungen

Sie müssen Hugo installieren, wenn Sie es noch nicht haben. Für fast jede Plattform stehen vorgefertigte Binärdateien zur Verfügung.

Installation

Sobald Sie Garn und Hugo in Ihrem System installiert haben, müssen Sie lediglich eine Kopie von Birnen schnappen und die Abhängigkeiten installieren.

 git clone https://github.com/bradp/pears <your-new-site-name>
cd <your-new-site-name>
npm i

⚡️ Nutzung

• Um Ihre lokale Entwicklungsumgebung zu starten: npm start
• Um eine vollständige Liste der verfügbaren Befehle anzuzeigen: npm run

Hauptbefehle

Befehl	Aktion
npm start	Erstellt alle Dateien und startet den Entwicklungsserver
npm build	Erstellt alle Dateien für eine lokale oder Staging -Umgebung
npm build:prod	Erstellt alle Dateien für eine Bereitstellung für einen Produktionsserver
npm lint	Überprüfen Sie Ihre CSS- und JS -Dateien auf Fehler angehängt :fix um automatisch behoben zu werden
npm format	Fix -Formatierungsfehler automatisch beheben

Gebäude & Linie

Befehl	Aktion
npm lint:css	Lint -CSS -Dateien anhängen :fix , um automatisch behoben zu werden
npm lint:js	Lint JS -Dateien. Anhängen :fix automatisch behoben
npm format:check	Überprüfen Sie die Formatierungsfehler, ohne automatisch zu beheben

Denken Sie daran, Sie können immer yarn run überprüfen, um die vollständige Liste der Befehle anzuzeigen!

Roadmap

In den offenen Problemen finden Sie eine Liste der vorgeschlagenen Merkmale (und bekannten Probleme).

️ Lizenz

Unter der MIT -Lizenz verteilt. Weitere Informationen finden Sie LICENSE .