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许可证的条款获得。

无论您是建造鞋带还是用鞋带建造东西 - 玩得开心！ ？