Kotsu DOWNLOAD - Kotsu -Quellcode Download

Kotsu

Website-Daten

v1.15.0

Herunterladen

Erweitertes Webstarter -Kit

Mutig zu gehen, wo nie zuvor gegangen ist

Wie man benutzt

Klon oder Download und an den gewünschten Standort auspacken
Laden Sie die neueste Version von node.js herunter und installieren Sie sie
Installieren Sie GraphicsMagick (empfohlen) oder ImageMagick für Ihr Betriebssystem. Hinweis: Es ist obligatorisch, eine davon zu installieren, bevor npm install ausgeführt wird
Legen Sie Ihre Umgebungsvariablen fest [Handbuch]
Installieren Sie Projektabhängigkeiten: npm install
(Optional) Fügen Sie Ihr Repository für automatische Tests zu Travis hinzu
(Optional) Einrichten der kontinuierlichen Bereitstellung mit Circleci oder Werker Docker nach unserer Anleitung
Code live mit: npm start oder npm start -- --hmr Wenn Sie ein heißes Modul nachladen benötigen
Bauen mit: npm run build
Starten und genießen Sie Ihr Leben

Was ist drin?

Angemessene Struktur für Frontend -Projekte
Statische Seitengenerierung
Vorbereitete Konfigurationen für schnelle kontinuierliche Bereitstellung und automatische Tests einrichten
Grunzen mit vorkonfigurierten Aufgaben grunzen
Nunjuck
Eingebaute Nunjucks Global und Filter für Formatierungsnummern, Daten, aktuelle Seiten-URL, Gebietsschema, Brotkrumb usw.
Menschliche lesbare URLs
Kesselplattendateien basierend auf Best Practices
i18n mit Node-Getttext und konfigurierten Layouts, um das aktuelle Gebietsschema und alternative URLs ordnungsgemäß zu deklarieren
SASS -Compiler mit Quellkartengenerierung, Autoprefixing, Optimierung, Minifikation und Linie
Ekzo Sass Framework
Webpack mit ES6 -Support, Verwaltung und Bündeln von JavaScript -Abhängigkeiten und optionalem Hot -Modul -Wiederladen oder Löschen schneller Uhr
Standard für das Linken und automatische Formatieren von JavaScript
Live Reload Powered von Webpack-dev-Server
Annotation und Datenvalidierung des Laufzeittyps mit tcomb und tcomb-validation , integrierte praktische Verfeinerungen.
Vorkonfigurierte Meta -Tags für offene Grafiken und Twitter -Karten
Häufig von Suchanbietern strukturierten Daten basierend auf RDFA verwendet
Automatische sitemap.xml -Generation mit Grunz-sideemap-xml
Automatische Sprites -Erzeugung mit Spritesmith
Automatische Bilderkomprimierung über Tinypng
Automatische Reaktionsbildergenerierung mit grunziger reagierenden Images
Getrennt nicht optimierte Dateien in der Entwicklung und
Zusammenstellte und abgebildete Dateien für die Produktion

Und viel mehr unter der Motorhaube. Wir hatten einfach keine Zeit, alle Funktionen zu dokumentieren. Noch.

Dokumentation

In Arbeit arbeiten

Struktur
Umgebungsvariablen
Daten
Strukturierte Daten
URLs
Kontinuierliche Lieferung
Rezepte

Beispiele

Die bereitgestellte Version von Kotsu aus Master Branch finden Sie hier.

Beachten Sie, dass der Abschnitt Beispiele bisher nur am wenigsten Teil der vordefinierten Elemente und Merkmale enthält.

Browser unterstützen

JavaScript

Dh	Rand	Chrom	Firefox	Safari	Oper	Opera Mobile	iOS safari	Android
9+	12+	21+	28+	6.1+	12.1+	12.1+	7+	4+

Um die ES6-Funktionen in IE11 und unten zu aktivieren, import 'babel-polyfill' in main.js Siehe Details hier.

Default -Build mit JQuery 3.1.0+ verschickt, was IE8 nicht unterstützt. Ersetzen Sie es durch Pre 3.0.0 -Version, wenn Sie Unterstützung von IE8 benötigen.

CSS

Dh	Rand	Chrom	Firefox	Safari	Oper	Opera Mobile	iOS safari	Android
10+	12+	21+	28+	6.1+	12.1+	12.1+	7.1+	4.4+

Weitere Informationen zur anmutigen Regression für IE9 und unten finden Sie in Ekzo Browsers Support -Abschnitt, die standardmäßig in Kotsu enthalten sind.

Um anmutige Regressionen für ältere IE zu deaktivieren, entfernen Sie IE() -Makroaufruf vom Basislayout.