Unduh shoelace - Unduh Kode Sumber shoelace

shoelace

Kode sumber lainnya

1.0.0

Unduh

Tali sepatu

Perpustakaan komponen web yang berpikiran maju.

Bekerja dengan semua kerangka kerja?
Bekerja dengan CDN?
Sepenuhnya dapat disesuaikan dengan CSS?
Termasuk tema gelap resmi?
Dibangun dengan aksesibilitas dalam pikiran ♿️
Open source?

Dirancang di New Hampshire oleh Cory Laviska.

Dokumentasi: Shoelace.Style

Sumber: github.com/shoelace-style/shoelace

Twitter: @shoelace_style

Pembuat sepatu?

Pembuat sepatu, atau "pengembang sepatu," dapat menggunakan dokumentasi ini untuk mempelajari cara membangun sepatu dari sumber. Anda akan memerlukan node> = 14.17 untuk membangun dan menjalankan proyek secara lokal.

Anda tidak perlu melakukan semua ini untuk menggunakan Shoelace! Halaman ini untuk orang -orang yang ingin berkontribusi pada proyek, mengutak -atik sumbernya, atau membuat build kustom Shoelace.

Jika bukan itu yang Anda coba lakukan, situs web dokumentasi adalah tempat yang Anda inginkan.

Apa yang Anda gunakan untuk membangun Shoelace?

Komponen dibangun dengan litelement, kelas dasar elemen khusus yang menyediakan API intuitif dan pengikatan data reaktif. Build adalah skrip khusus dengan bundling yang ditenagai oleh Esbuild.

Forking repo

Mulailah dengan membayar repo pada github, lalu klon secara lokal dan instal dependensi.

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

Berkembang

Setelah Anda mengkloning repo, jalankan perintah berikut.

npm start

Ini akan memutar server dev. Setelah build awal, browser akan dibuka secara otomatis. Saat ini tidak ada Hot Module Reloading (HMR), karena browser tidak menyediakan cara untuk menata ulang elemen khusus, tetapi sebagian besar perubahan pada sumber akan memuat ulang browser secara otomatis.

Bangunan

Untuk menghasilkan pembangunan produksi, jalankan perintah berikut.

npm run build

Membuat komponen baru

Untuk perancah komponen baru, jalankan perintah berikut, mengganti sl-tag-name dengan nama tag yang diinginkan.

npm run create sl-tag-name

Ini akan menghasilkan file sumber, stylesheet, dan halaman dokumen untuk Anda. Saat Anda memulai server DEV, Anda akan menemukan komponen baru di bagian "Komponen" dari bilah samping.