shoelace

Schnürsenkel

Eine zukunftsorientierte Bibliothek von Webkomponenten.

• Funktioniert mit allen Frameworks?
• Funktioniert mit CDNs?
• Vollständig anpassbar mit CSS?
• Enthält ein offizielles dunkles Thema?
• Gebaut mit Berücksichtigung der Zugänglichkeit ♿️
• Open Source?

Entworfen in New Hampshire von Cory Laviska.

---

Dokumentation: Shoelace.Style

Quelle: Github.com/Shoelace-Style/Shoelace

Twitter: @Shoelace_Style

---

Schuhmacher?

Schuhmacher oder "Shoelace -Entwickler" können diese Dokumentation verwenden, um zu erfahren, wie man Shoelace aus der Quelle baut. Sie benötigen einen Knoten> = 14.17, um das Projekt lokal zu erstellen und auszuführen.

Sie müssen nichts davon tun, um einen Schnürsenkel zu verwenden! Diese Seite richtet sich an Personen, die zum Projekt beitragen, an der Quelle basteln oder einen benutzerdefinierten Build von Shoelace erstellen möchten.

Wenn Sie dies nicht tun möchten, möchten Sie auf der Dokumentations -Website dort sein.

Was verwenden Sie, um Schnürsenkel zu bauen?

Komponenten werden mit Litelement erstellt, eine benutzerdefinierte Element -Basisklasse, die eine intuitive API und eine reaktive Datenbindung liefert. Der Build ist ein benutzerdefiniertes Skript mit Bündelung von ESBUILD.

Das Repo gib

Beginnen Sie zunächst das Repo auf Github, klonen Sie es dann lokal und installieren Sie Abhängigkeiten.

git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm install

Entwicklung

Sobald Sie das Repo geklont haben, führen Sie den folgenden Befehl aus.

npm start

Dadurch wird der Dev -Server aufgedreht. Nach dem ersten Build öffnet sich ein Browser automatisch. Derzeit gibt es kein Hot -Modul -Reloading (HMR), da Browsers keine Möglichkeit bieten, benutzerdefinierte Elemente wiederzugeben, aber die meisten Änderungen an der Quelle werden den Browser automatisch neu laden.

Gebäude

Führen Sie den folgenden Befehl aus, um einen Produktionsbau zu erstellen.

npm run build

Neue Komponenten erstellen

Führen Sie den folgenden Befehl aus und ersetzen Sie sl-tag-name durch den gewünschten Tag-Namen.

npm run create sl-tag-name

Dadurch wird eine Quelldatei, ein Stylesheet und eine DOCS -Seite für Sie generiert. Wenn Sie den Dev -Server starten, finden Sie die neue Komponente im Abschnitt "Komponenten" der Seitenleiste.

Beitragen

Shoelace ist ein Open -Source -Projekt und Beiträge werden gefördert! Wenn Sie interessant sind, um einen Beitrag zu leisten, überprüfen Sie zuerst die Beitragsrichtlinien.

Lizenz

Shoelace wurde von Cory Laviska erstellt und ist im Rahmen der MIT -Lizenz erhältlich.

Egal, ob Sie einen Schnürsenkel bauen oder etwas mit Schnürsenkel bauen - viel Spaß beim Erstellen! ?