shoelace

Шнур

Пыральная библиотека веб-компонентов.

• Работает со всеми рамками?
• Работает с CDN?
• Полностью настраиваемый с CSS?
• Включает официальную темную тему?
• Построен с учетом доступности ♿
• Открытый исходный код?

Разработанный в Нью -Гемпшире Кори Лависка.

---

Документация: Shoelace.style

Источник: github.com/shoelace-meale/shoelace

Twitter: @shoelace_style

---

Сапожники?

Сапожники, или «разработчики Shoelace», могут использовать эту документацию, чтобы узнать, как построить шнурку из источника. Вам понадобится узел> = 14,17, чтобы построить и запустить проект локально.

Вам не нужно делать что -либо из этого, чтобы использовать Shoelace! Эта страница предназначена для людей, которые хотят внести свой вклад в проект, возиться с источником или создать пользовательскую сборку шнурки.

Если это не то, что вы пытаетесь сделать, веб -сайт документации - это то, где вы хотите быть.

Что вы используете для строительства шнурки?

Компоненты построены с помощью Litelement, пользовательского базового класса элементов, который обеспечивает интуитивно понятное API и реактивное связывание данных. Сборка представляет собой пользовательский сценарий с комплексованным питанием от Esbuild.

Разбейте репо

Начните с разбивания репо на GitHub, затем клонируйте его локально и установите зависимости.

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

Развитие

Как только вы клонируете репо, запустите следующую команду.

npm start

Это развернет сервер Dev. После первоначальной сборки браузер откроется автоматически. В настоящее время нет никакого перезагрузки горячих модулей (HMR), так как браузер не предоставляет способ перерегистрировать пользовательские элементы, но большинство изменений в источнике автоматически перезагружат браузер.

Здание

Чтобы создать производственную сборку, запустите следующую команду.

npm run build

Создание новых компонентов

Чтобы поднять новый компонент, запустите следующую команду, заменив sl-tag-name на желаемое имя тега.

npm run create sl-tag-name

Это будет генерировать исходный файл, таблицу стилей и страницу DOCS для вас. Когда вы запустите Dev Server, вы найдете новый компонент в разделе «Компоненты» боковой панели.

Внося

Shoelace - это проект с открытым исходным кодом, и вклад воодушевлен! Если вам интересно внести свой вклад, сначала ознакомьтесь с руководящими принципами вклада.

Лицензия

Shoelace был создан Cory Laviska и доступен в соответствии с условиями лицензии MIT.

Строите ли вы шнурок или создаете что -то с шнуркой - развлекайтесь! ?