shoelace

鞋帶

Web組件的前瞻性庫。

• 與所有框架一起使用？
• 與CDN合作？
• 完全可以使用CSS定制？
• 包括一個官方的黑暗主題？
• 考慮到可訪問性♿️
• 開源？

由Cory Laviska在新罕布什爾州設計。

---

文檔：Shoelace.Style

資料來源：github.com/shoelace-style/shoelace

Twitter：@shoelace_style

---

鞋匠？

鞋匠或“鞋帶開發人員”可以使用此文檔來學習如何從源頭建造鞋帶。您將需要節點> = 14.17才能在本地構建和運行該項目。

您無需這樣做即可使用鞋帶！此頁面適用於想要為該項目做出貢獻，使用來源修補或創建自定義鞋帶的人。

如果那不是您要做的，那麼文檔網站就是您想要的位置。

您用什麼來建造鞋帶？

組件是用Litelement構建的，這是一種自定義元素基類，可提供直觀的API和反應性數據綁定。該構建是一個自定義腳本，由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

這將為您生成一個源文件，樣式表和文檔頁面。啟動DEV服務器時，您會在側邊欄的“組件”部分中找到新組件。

貢獻

鞋帶是一個開源項目，鼓勵捐款！如果您在貢獻方面很有趣，請先查看貢獻指南。

執照

Shoelace是由Cory Laviska創建的，可根據MIT許可證的條款獲得。

無論您是建造鞋帶還是用鞋帶建造東西 - 玩得開心！ ？