shoelace

靴紐

Webコンポーネントの将来の考えのライブラリ。

• すべてのフレームワークで動作しますか？
• CDNSで動作しますか？
• CSSで完全にカスタマイズできますか？
• 公式の暗いテーマが含まれていますか？
• アクセシビリティを念頭に置いて構築されています
• オープンソース？

コリー・ラビスカによってニューハンプシャー州で設計されました。

---

ドキュメント：Shoelace.style

出典：github.com/shoelace-style/shoelace

Twitter：@shoelace_style

---

靴屋？

シューメーカー、または「Shoelace Developers」は、このドキュメントを使用して、ソースからShoelaceを構築する方法を学ぶことができます。ローカルでプロジェクトを構築および実行するには、ノード> = 14.17が必要です。

Shoelaceを使用するためにこれを行う必要はありません！このページは、プロジェクトに貢献したり、ソースをいじくり回したり、靴ひものカスタムビルドを作成したい人向けです。

それがあなたがやろうとしていることではない場合、ドキュメントウェブサイトはあなたがなりたい場所です。

靴ひもを作るために何を使っていますか？

コンポーネントは、直感的なAPIおよびリアクティブデータバインディングを提供するカスタムエレメントベースクラスであるLitelementで構築されています。ビルドは、Esbuildを搭載したバンドルを備えたカスタムスクリプトです。

リポジトリを分岐します

GitHubのレポを分岐してから、局所的にクローンして依存関係をインストールします。

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

現像

レポをクローニングしたら、次のコマンドを実行します。

npm start

これにより、開発サーバーがスピンアップします。最初のビルド後、ブラウザが自動的に開きます。ブラウザはカスタム要素を再登録する方法を提供しないため、現在ホットモジュールのリロード（HMR）はありませんが、ソースのほとんどの変更はブラウザを自動的にリロードします。

建物

生産ビルドを生成するには、次のコマンドを実行します。

npm run build

新しいコンポーネントの作成

新しいコンポーネントを足場にするには、次のコマンドを実行して、 sl-tag-name目的のタグ名に置き換えます。

npm run create sl-tag-name

これにより、ソースファイル、StyleSheet、およびDocsページが生成されます。開発サーバーを起動すると、サイドバーの「コンポーネント」セクションに新しいコンポーネントがあります。

貢献

Shoelaceはオープンソースプロジェクトであり、貢献が奨励されています！貢献が興味深い場合は、最初に貢献ガイドラインを確認してください。

ライセンス

ShoelaceはCory Laviskaによって作成され、MITライセンスの条件の下で入手できます。

靴屋を構築したり、靴ひもで何かを作ったりしても、楽しく作成してください！ ？